Muy buenas:
Estoy creando un formulario en JS y PHP que consta de varias páginas debido a la cantidad de información que tengo que almacenar.
Como uno de los campos es obligatorio, he introducido un script que mira si tal campo está vacío y, si es así, que salga un mensaje informativo.
Todo esto está hecho, pero cuando le doy al botón "Siguiente", se carga la siguiente página del formulario. Mi intención es que no pase esto, sino que se mantenga el formulario actual hasta que se rellene ese campo obligatorio (en este caso, el campo obligatorio es el nombre)
He estado mirando en el foro y leyendo los tutoriales y no sé que puede estar pasando.
Os doy las gracias por anticipado y os pego el código que estoy utilizando en la primera parte del formulario:
<html>
<head><title></title></head>
<script language="JavaScript">
function validar(){
if(form1.nombre.value.replace(/ /g, '') == '')
{
alert("Debe Ingresar un valor ");
form1.nombre.focus();
form1.nombre.select();
return false;
}
}
</script>
<body>
<H1> Insertar </H1>
<form action="insertar_2.php" method="POST" name="form1">
Nombre:<input type="text" name="nombre"/><br><br>
Direccion: <input type="text" name="dir"/><br><br>
Teléfono:<input type="text" name="telefono"/><br><br>
<input type="submit" value="Siguiente" onClick="validar()"/>
<input type="reset" value="Restaurar" />
</form>
</body>
</html>