Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/04/2011, 12:25
djmkmix
 
Fecha de Ingreso: abril-2011
Ubicación: Baja California sur
Mensajes: 39
Antigüedad: 13 años, 7 meses
Puntos: 0
Mensaje Validador error

Hola que tal les dejo un script para validar un formulario el problema que tengo es que cuando lleno todos los datos correctamente deberia de mandar a php/validar_registro.php pero en lugar de eso me da el error Algunos datos Tienen Errores que hice con la alerta, como puedo solucionar que cuando este todo lleno me lleve al validar_registro.php (el problema creo yo que esta en la función validar pero no estoy seguro)


Código PHP:
Ver original
  1. <form action="php/validar_registro.php" method="post" onSubmit="return validar();">
  2. <table width="300" border="0">
  3.   <tr>
  4.     <td style="font-size:17px">Nombre</td>
  5.     <td width="282" height="50"><input type="text" id="nombre" name="nombre" size="35" onFocus="entroEnFoco(this)" onBlur="salioDeFoco(this); revisaObligatorio(this); revisarLongitud(this, 3)" /></td>
  6.   </tr>
  7.   <tr>
  8.     <td style="font-size:17px">Apellidos</td>
  9.     <td width="282" height="50"><input type="text" id="apellido" name="apellido" size="35" onFocus="entroEnFoco(this)"  onBlur="salioDeFoco(this); revisaObligatorio(this); revisarLongitud(this, 8)"/></td>
  10.   </tr>
  11.   <tr>
  12.     <td style="font-size:17px">Password</td>
  13.     <td width="282" height="50"><input  type="password" id="pass1" name="pass1" size="35"onFocus="entroEnFoco(this)"  onBlur="salioDeFoco(this); revisaObligatorio(this)"/></td>
  14.   </tr>
  15.   <tr>
  16.     <td style="font-size:17px">Repita Password</td>
  17.     <td width="282" height="50"><input type="password" id="pass2" name="pass2" size="35" onFocus="entroEnFoco(this)"  onBlur="salioDeFoco(this); revisaObligatorio(this)"/></td>
  18.   </tr>
  19.   <tr>
  20.     <td style="font-size:17px">Correo</td>
  21.     <td width="282" height="50"><input type="email" id="correo" name="correo" size="35" onFocus="entroEnFoco(this)"  onBlur="salioDeFoco(this); revisaObligatorio(this); revisarEmail(this)"/></td>
  22.   </tr>
  23.   <tr>
  24.     <td style="font-size:17px">Fecha</td>
  25.     <td width="282" height="50"><input type="date" id="fecha" name="fecha" size="10" onFocus="entroEnFoco(this)"  onBlur="salioDeFoco(this);"/></td>
  26.   </tr>
  27. </table>
  28.  
  29. <input  name="enviar" id="envio" type="submit" value="Enviar">
  30. </form>



Código Javascript:
Ver original
  1. function entroEnFoco(elemento){
  2.     elemento.className='enfoco';
  3.     var elemento = document.getElementById(nombre);
  4.    
  5. }
  6.  
  7. function salioDeFoco(elemento){
  8.     elemento.className='';
  9.    
  10. }
  11.  
  12. function revisaObligatorio(elemento) {
  13.     if(elemento.value==""){
  14.         elemento.className='error';
  15.     } else {
  16.         elemento.className='';
  17.     }
  18. }
  19.  
  20. function revisarLongitud(elemento, minimoDeseado) {
  21.     if(elemento.value!='') {
  22.     var dato = elemento.value;
  23.     if (dato.length<minimoDeseado) {
  24.         elemento.className='error'
  25.         }  
  26.     }
  27. }
  28.  
  29.  
  30. function revisarEmail(elemento) {
  31.     if (elemento.value!="") {
  32.         var dato = elemento.value;
  33.         var expresion = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
  34.         if (!expresion.test(dato)) {
  35.           elemento.className='error';
  36.       } else {
  37.           elemento.className='';
  38.       }
  39.     }
  40. }
  41.  
  42.  
  43. function validar(){
  44.     var estaTodoOk = true;
  45.     if (document.getElementById("nombre").value.length<2){
  46.         estaTodoOk = false;
  47.     }
  48.     if (document.getElementById("apellido").value.length<8){
  49.         estaTodoOk = false;
  50.     }
  51.     var expresion = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
  52.     if (!expresion.test(document.getElementById("correo"))) {
  53.         estaTodoOk = false;
  54.     }
  55.    
  56.     if (!estaTodoOk) {
  57.         alert("Algunos datos Tienen Errores")
  58.     }
  59.    
  60.     return estaTodoOk;
  61.    
  62. }

Última edición por djmkmix; 29/04/2011 a las 12:30