Validación formularios php y javascript

0

Por admin | Para la categoría de Nuevas Tecnologías, php | noticia del 01-06-2009

En este ejemplo vamos a ver una validación simple de los campos de un formulario. Contamos por una parte con un formulario escrito en html y por otro, el código javascript que valida dicho formulario, una vez que el formulario pasa por javascript, se pasa al correspondiente código php para su procesado.

Tenemos el código javascript encargado de comprobar que los campos del formulario no estan vacíos
mediante el Doom de javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

//el onSubmit va por delante del action si devuelve false no se hace el action 
 
  function chequeodatos()
  { 
     var formulario = document.forms[0];
 
	 var nombre = formulario.nombre.value;
 
     var clave = formulario.clave.value;
 
	 if ( (nombre =="" )|| (clave =="") )
	 {
 
		var mensaje = document.getElementById("mensaje");
 
		mensaje.innerHTML = "faltan datos";
 
		return false;
	 }
	 else
	 {
 
	    return true;
	 }   	 
 
 
  }


El código del formulario html conectado al código de php registroalumnos.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<form name="formulariophp"  method="post" onsubmit="return chequeodatos()" action="registroalumnos.php">
 <label>
   Nombre:
 </label>
 <br/>
 <input type="text" name="nombre" value=""/>
 <br/>
 <label>
   Contraseña:
 </label>
 <br/>
 <input type="password" name="clave" value="" size="8" maxlength="8" />
 <br/>
 <label>
   Confirmar Contraseña:
 </label>
 <br/>
 <input type="password" name="claveRepetida" value="" size="8" maxlength="8"/>
 
 <br/>
 <br/>
 <input type="submit" name="submit" value="enviar" class="boton" />
 &nbsp;
 <input type="reset" value="borrar" class="boton" />
 
 <div id="mensaje">
 </div>
 
</form>

Si queremos posicionar por defecto nuestro cursor en en el primer campo del formulario

1

 <body onload="document.formulariophp.nombre.focus()">

Escribe un comentario