problema con validacion

chiuvi4 · #1 (**permalink**) 08/07/2013, 08:15

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<html> 
    <head> 
        <style> 
            form,td{font:normal 10px/10px verdana;} 
            input{font:normal 10px/10px verdana;border:solid 1px black} 
        </style> 
        <title>Prueba</title> 
        <script> 
 
 
            //busca caracteres que no sean espacio en blanco en una cadena
            function vacio(q) {
                for ( i = 0; i < q.length; i++ ) {
                    if ( q.charAt(i) != " " ) {
                        return true
                    }
                }
                return false
            }
 
            function comprobar(F) {
                document.getElementById('spcuent').innerHTML ="";
                document.getElementById('spemail').innerHTML ="";
                document.getElementById('spreemail').innerHTML ="";
                document.getElementById('spnom').innerHTML ="";
                document.getElementById('spape').innerHTML ="";
 
 
                
                //valida que el campo no este vacio y no tenga solo espacios en blanco
                    
                if( vacio(F.cuenta.value) == false ) {
                    document.getElementById('spcuent').innerHTML = "La cuenta no puede estar en blanco";
                    document.getElementById('spcuent').style.color = "red";
                    cu=1;
                }
                if( vacio(F.email.value) == false ) {
                    document.getElementById('spemail').innerHTML = "El E-Mail no puede estar en blanco";
                    document.getElementById('spemail').style.color = "red";
                    em=1;
                }
                if( vacio(F.reemail.value) == false ) {
                    document.getElementById('spreemail').innerHTML = "El Re E-Mail no puede estar en blanco";
                    document.getElementById('spreemail').style.color = "red";
                    rem=1;
                }
                if( vacio(F.nombres.value) == false ) {
                    document.getElementById('spnom').innerHTML = "El nombre no puede estar en blanco";
                    document.getElementById('spnom').style.color = "red";
                   no=1;
                }
                if( vacio(F.apellidos.value) == false ) {
                    document.getElementById('spape').innerHTML = "El aplellido no puede estar en blanco";
                    document.getElementById('spape').style.color = "red";
                    ap=1;
                }
 
 
                if(cu==1 && em==1 && rem==1 && no==1 && ap==1){
                    return false
                }else{
                   return true 
                }
                
                
                
            }//fin de comprobar
  
        
 
 
 
        </script> 
    </head> 
 
    <body> 
        <form action="good.html" onsubmit="return comprobar(this)" autocomplete="on">  
            <table>
                <tr>
                    <td>Cuenta:</td>
                    <td><input type=text name=cuenta><span id="spcuent"></span></td>
                </tr> 
                <tr>
                    <td>E-mail:</td>
                    <td><input type=text name="email"><span id="spemail"></span></td>
                </tr> 
                <tr>
                    <td>Re E-mail:</td>
                    <td><input type=text name="reemail"><span id="spreemail"></span></td>
                </tr>
                <tr>
                    <td>Nombres:</td>
                    <td><input type=text name="nombres"><span id="spnom"></span></td>
                </tr>
                <tr>
                    <td>Apellidos:</td>
                    <td><input type=text name="apellidos"><span id="spape"></span></td>
                </tr>
                <tr>
                    <td colspan=2 align="center"><input type="submit" value="enviar"></td>
                </tr>
            </table> 
 
        </form> 
 
 
    </body> 
</html>