Tema: problema con validacion
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/07/2013, 08:15
chiuvi4
 
Fecha de Ingreso: diciembre-2012
Mensajes: 17
Antigüedad: 12 años, 4 meses
Puntos: 0
problema con validacion
hola les comento queria hacer un formulario cn validacion js y con notificacion alado de los campos si estan vacios o demas detalles por ahora solo si estan vacios pero no llego comprender algo pasa no se que es. El tema que me verifica si esta vacio cada campo salen los mensajitos y todo pero al estar bien todos no me lo hace valido despues de recargar la pagina los datos siguen hay y despues al apretar el boton lo manda lo mismo me pasaba con los mensajes asi que agregue la 1ra parte de js que me ponga en blanco los mensajes que estan bien si no quedaba el mensaje.. pongo el codigo para que vean que esta mal talve no lo veo y lo paso x alto no se que sera...

Código HTML: 
Ver original
  1. <html> 
  2.     <head> 
  3.         <style> 
  4.             form,td{font:normal 10px/10px verdana;} 
  5.             input{font:normal 10px/10px verdana;border:solid 1px black} 
  6.         </style> 
  7.         <title>Prueba</title> 
  8.         <script> 
  9.  
  10.  
  11.             //busca caracteres que no sean espacio en blanco en una cadena
  12.             function vacio(q) {
  13.                 for ( i = 0; i < q.length; i++ ) {
  14.                     if ( q.charAt(i) != " " ) {
  15.                         return true
  16.                     }
  17.                 }
  18.                 return false
  19.             }
  20.  
  21.             function comprobar(F) {
  22.                 document.getElementById('spcuent').innerHTML ="";
  23.                 document.getElementById('spemail').innerHTML ="";
  24.                 document.getElementById('spreemail').innerHTML ="";
  25.                 document.getElementById('spnom').innerHTML ="";
  26.                 document.getElementById('spape').innerHTML ="";
  27.  
  28.  
  29.                 
  30.                 //valida que el campo no este vacio y no tenga solo espacios en blanco
  31.                     
  32.                 if( vacio(F.cuenta.value) == false ) {
  33.                     document.getElementById('spcuent').innerHTML = "La cuenta no puede estar en blanco";
  34.                     document.getElementById('spcuent').style.color = "red";
  35.                     cu=1;
  36.                 }
  37.                 if( vacio(F.email.value) == false ) {
  38.                     document.getElementById('spemail').innerHTML = "El E-Mail no puede estar en blanco";
  39.                     document.getElementById('spemail').style.color = "red";
  40.                     em=1;
  41.                 }
  42.                 if( vacio(F.reemail.value) == false ) {
  43.                     document.getElementById('spreemail').innerHTML = "El Re E-Mail no puede estar en blanco";
  44.                     document.getElementById('spreemail').style.color = "red";
  45.                     rem=1;
  46.                 }
  47.                 if( vacio(F.nombres.value) == false ) {
  48.                     document.getElementById('spnom').innerHTML = "El nombre no puede estar en blanco";
  49.                     document.getElementById('spnom').style.color = "red";
  50.                    no=1;
  51.                 }
  52.                 if( vacio(F.apellidos.value) == false ) {
  53.                     document.getElementById('spape').innerHTML = "El aplellido no puede estar en blanco";
  54.                     document.getElementById('spape').style.color = "red";
  55.                     ap=1;
  56.                 }
  57.  
  58.  
  59.                 if(cu==1 && em==1 && rem==1 && no==1 && ap==1){
  60.                     return false
  61.                 }else{
  62.                    return true 
  63.                 }
  64.                 
  65.                 
  66.                 
  67.             }//fin de comprobar
  68.   
  69.         
  70.  
  71.  
  72.  
  73.         </script> 
  74.     </head> 
  75.  
  76.     <body> 
  77.         <form action="good.html" onsubmit="return comprobar(this)" autocomplete="on">  
  78.             <table>
  79.                 <tr>
  80.                     <td>Cuenta:</td>
  81.                     <td><input type=text name=cuenta><span id="spcuent"></span></td>
  82.                 </tr> 
  83.                 <tr>
  84.                     <td>E-mail:</td>
  85.                     <td><input type=text name="email"><span id="spemail"></span></td>
  86.                 </tr> 
  87.                 <tr>
  88.                     <td>Re E-mail:</td>
  89.                     <td><input type=text name="reemail"><span id="spreemail"></span></td>
  90.                 </tr>
  91.                 <tr>
  92.                     <td>Nombres:</td>
  93.                     <td><input type=text name="nombres"><span id="spnom"></span></td>
  94.                 </tr>
  95.                 <tr>
  96.                     <td>Apellidos:</td>
  97.                     <td><input type=text name="apellidos"><span id="spape"></span></td>
  98.                 </tr>
  99.                 <tr>
  100.                     <td colspan=2 align="center"><input type="submit" value="enviar"></td>
  101.                 </tr>
  102.             </table> 
  103.  
  104.         </form> 
  105.  
  106.  
  107.     </body> 
  108. </html>