validando campos...

[indy1508]

Hola a todos:

He estado buscando info sobre como validar campos sin que se tenga que enviar el formulario, ya que, hice una validacion al momento que se envian los datos al formulario que los recibe y si tengo un error pido regresar a la pagina de captura, pero al hacerlo me borra los datos ya capturados.

Entonces he estado viendo varios post aqui de como se puede hacer la validacion antes de enviar los datos mediante un script de java.

He implementado una funcion que encontré en una de las respuestas, si me valida el campo si está vacío, manda el mensaje de error pero carga el siguiente formulario.

Pongo aqui el codigo:

Formulario de Captura:

Código HTML:

<form action="ejemplo2.php" method="get" name="form1" id="form1">
  <label>
  <input name="exp1" type="text" id="exp1" size="10" maxlength="10" />
  </label>
  <label> <br />
  <input type="submit" name="Submit" value="Enviar" onclick="validar()" />
  </label>
</form> 

La función en java:

Código:

<script language="JavaScript">
function validar()
	{
	//se valida que el campo no esté vacío
	if (document.form1.exp1.value.length==0)
		{
		alert("Debe escribir el número de expediente")
		document.form1.exp1.focus()
		return 0;
		}
	else
		{document.form1.Submit();}
		
	}
</script>

Y en la pagina de resultados mando un mensaje de "pasó la validación" para verificar que se procesó la info correctamente.

Espero me puedan decir que es lo que falta para que trabaje como debe ser.

Saludos.

[KarenFerreira]

En vez de poner el evento en el onClick del botón, ponlo en la etiqueta del form, sería algo asi:

<form action="ejemplo2.php" method="get" name="form1" id="form1" onSubmit="return validar();">

y en el else de la función en vez de document.form1.Submit(); pon return true, y en vez de return 0 return false.

[GatorV]

Tema trasladado a Javascript

[indy1508]

Gracias KarenFerreira.

Hice los cambios y ya opera como debe de ser, ahora lo voy a implementar en la pagina correcta.

Saludos.