Hola soy nueva en el foro, y principiante en programación (estoy dando un curso a distancia). Estoy haciendo un ejercicio de un formulario en Javascript. He estado buscando sobre lo que iba a preguntar en el foro pero no lo encontré.
Pues bien, me gustaría que al dar a enviar en mi formulario se escribiese todo lo que rellenó el usuario como vista preliminar, pero en un textarea en la misma pagina. Yo he conseguido que aparezca todo pero se me abre en otra pagina. Seguro que es una tontería pero estoy bloqueada, si me ayudaseis os lo agradecería.
Os paso el código para que veáis lo que estoy haciendo.
Muchas gracias de antemano!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FORMULARIO</title>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["formulario"]["nombre"].value;
if (x==null || x=="")
{
alert("El nombre es obligatorio.");
return false;
}
var x=document.forms["formulario"]["archivo"].value;
if (x==null || x=="")
{
alert("El archivo es obligatorio.");
return false;}
var x=document.forms["formulario"]["opciones"].value;
if (x==null || x=="")
{
alert("El lugar es obligatorio.");
return false;}
}
function confirma(){
var na;
na = document.formulario.nombre.value;
ar = document.formulario.archivo.value;
op = document.formulario.opciones.value;
with (document){
open();
write("</br>");
write(" Nombre: ");
write(na);
write("</br>");
write(" Archivo: ");
write(ar);
write("</br>");
write(" Enviado desde: ");
write(op);
write("</br>");
write("</br>");
write("Gracias por el envio");
close();
}
}
</script>
</head>
<body>
Indica tus datos:
<br/><br/>
<form name="formulario" action="action.php" onsubmit="return validateForm()" method="post" id="formID">
<label for="nombre">Nombre</label><br/>
<input type="text" name="nombre" id="contenido" /><br/>
<label for="archivo">Archivo</label>
<input type="file" name="archivo" id="contenido" value="Examinar"> <br/>
<label for="enviado">Enviado desde</label>
<select id="contenido" name="opciones">
<option value="Barcelona"> Barcelona</option>
<option value="Sevilla"> Sevilla</option>
<option value="Madrid"> Madrid</option>
<option value="Valencia"> Valencia</option>
</select>
<input type="reset" onclick="borra()" value="Borrar"/>
<input type="button" onclick="confirma()" value="Enviar"/><br/>
<textarea rows="20" cols="40" id="areadetexto"></textarea>
</form>
</body>
</html>