Foros del Web » Programando para Internet » Javascript »

Formularios varias páginas JavaScript

Estas en el tema de Formularios varias páginas JavaScript en el foro de Javascript en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 04/01/2013, 03:24
 
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 9
Antigüedad: 13 años, 2 meses
Puntos: 0
Formularios varias páginas JavaScript

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>

Última edición por drentero; 04/01/2013 a las 03:52
  #2 (permalink)  
Antiguo 04/01/2013, 08:57
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Formularios varias páginas JavaScript

lee el abc de los forumularios
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 04/01/2013, 08:59
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Formularios varias páginas JavaScript

La forma correcta de hacerlo es con el evento onsubmit y llamando la función con return y no con el onclick en el botón submit

Código HTML:
Ver original
  1. <form action="insertar_2.php" method="POST" name="form1" onsubmit="return validar()">

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 04/01/2013, 15:42
 
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 9
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Formularios varias páginas JavaScript

emprear, muchas gracias...lo acabo de probar y funciona perfectamente.

Un saludo.
  #5 (permalink)  
Antiguo 04/01/2013, 16:21
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Formularios varias páginas JavaScript

Cita:
Iniciado por drentero Ver Mensaje
emprear, muchas gracias...lo acabo de probar y funciona perfectamente.

Un saludo.
Gracias, ya que estamos sería conveniente la lectura de este post para entender un poco más la teoría

http://www.forosdelweb.com/f13/forma...visto-1019038/

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: formulario, html, input, js, páginas, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:23.