multiples funciones en javascript

tav912an · #1 (**permalink**) 16/10/2012, 14:31

Hola a todos, estoy intentando validar dos grupos de datos mediante dos funciones en javascript, una de las funciones me valida las contraseñas (que sean iguales y sin espacios en blanco) y la otra función me valida el resto del formulario (que los campos no estén vacíos). Pero al momento de llamarlas mediante un onsubmit solo me valida la "función 1" que sale en el sgte código:

Código:

<html>
<head>
<title>mi página</title>

<!----------- función 1 ------------>

<script type="text/javascript">
    function validarPass () {
   
    var p1 = document.getElementById("pass").value;
    var p2 = document.getElementById("pass2").value;
    var espacios = false;
    var cont = 0;

    // Este bucle recorre la cadena para comprobar
    // que no todo son espacios
        while (!espacios && (cont < p1.length)) 
		{
                if (p1.charAt(cont) == " ")
                        espacios = true;
                cont++;
        }	
			
    if (espacios) {
		dhtmlx.alert({type:"alert-error", text:"Las contraseñas no pueden contener espacios en blanco",callback: function(){
       	window.document.formulario-registro.pass.focus();
    }
	});
		return false;
    }
   
    if (p1.length == 0 || p2.length == 0) {
		dhtmlx.alert({type:"alert-error", text:"Faltan datos en los campos de contraseñas",callback: function(){
       	window.document.formulario-registro.pass.focus();
    }
	});
		return false;
    }
   
    if (p1 != p2) {
		dhtmlx.alert({type:"alert-error", text:"Las contraseñas no coinciden",callback: function(){
       	window.document.formulario-registro.pass.focus();
    }
	});
		return false;
    }
    }
    </script> 



    <!----------- función 2 ------------>
    [HIGHLIGHT="Javascript"]<script>
    function vacio(cadena)  
    {                                    // DECLARACION DE CONSTANTES  
     var blanco = " \n\t" + String.fromCharCode(13); // blancos  
                                        // DECLARACION DE VARIABLES  
     var i;                             // indice en cadena  
     var es_vacio;                      // cadena es vacio o no  
     for(i = 0, es_vacio = true; (i < cadena.length) && es_vacio; i++) // INICIO  
       es_vacio = blanco.indexOf(cadena.charAt(i)) != - 1;  
    //alert(es_vacio);
     return(es_vacio);  
	 }
    function ValidaCampos(form)
	{
	
	if (Empty(form.nombre.value))
		{
		dhtmlx.alert({type:"alert-error", text:"Por favor ingrese su Nombre",callback: function(){
       	window.document.formulario-registro.nombre.focus();
    }
	});
		return false;
		}
	if (Empty(form.email.value))
		{
		dhtmlx.alert({type:"alert-error", text:"Por favor ingrese su Email",callback: function(){
       	window.document.formulario-registro.email.focus();
    }
	});
		return false;
		}
	if ((!Empty(form.email.value)) && (!isMail(form.email.value)))
		{
		dhtmlx.alert({type:"alert-error", text:"El Email ingresado no es correcto",callback: function(){
		window.document.formulario-registro.email.focus();
    }
	});
		return false;
		}
	if (Empty(form.domicilio.value))
		{
		dhtmlx.alert({type:"alert-error", text:"Por favor ingrese su domicilio",callback: function(){
       	window.document.formulario-registro.domicilio.focus();
    }
	});
		return false;
		}
	return true;
	}

</script>

</head>
<body>


<form class="form-registros"  name="formulario-registro" onSubmit="return    
           validarPass(); ValidaCampos()">
         
          <p>Ingrese su nombre y apellido</p>
          <input type="text" class="nombre-regitro-form" name="nombre"/>
          
          <p>Ingrese su e-mail</p>
          <input type="text"  name="email"/>
          
          <p>Ingrese contraseña</p>
          <input type="password"  name="pass2" id="pass2"/>
          
          <p>Repita contraseña</p>
          <div class="container-input-small">
        
          <input type="password" name="pass" id="pass"/>
        
           <p>Ingrese su domicilio</p>
           <input type="text" value=""  name="domicilio"/>

           <input type="submit" value="" class="boton-send13">
</form>

</body>
</html>

Sé que por estos lados hay gente muy aplicada en el tema
Por favor necesito ayuda, de antemano muchas gracias! :(

emprear · #2 (**permalink**) 16/10/2012, 15:05

Para empezar, podés validar todo en una función...
Luego, se puede saber que representan en javascript cosas como

Empty()
isMail()
dhtmlx.alert()

Sumerio · #3 (**permalink**) 16/10/2012, 15:06

Hola es facil, asi que en el onload no llames a los dos sino a la primera, lo que tienes que hacer que la primera funcion llame a la otra asi:

tav912an · #4 (**permalink**) 17/10/2012, 08:38

Cita:

Iniciado por emprear

Para empezar, podés validar todo en una función...
Luego, se puede saber que representan en javascript cosas como

Empty()
isMail()
dhtmlx.alert()

Créeme que intenté crear una función para ambas validaciones pero no he tenido resultado. Con respecto a esas instrucciones que mencionas, están definidas en otro documento js para ahorrar código, he omitido algunas lineas de código que no son relevantes.

tav912an · #5 (**permalink**) 17/10/2012, 08:48

Cita:

Iniciado por Sumerio

Hola es facil, asi que en el onload no llames a los dos sino a la primera, lo que tienes que hacer que la primera funcion llame a la otra asi:

Muchísimas gracias por responder!! Mira, lo hice como me has dicho, pero al momento de cargar la página, me salen los cuadros de validaciones al instante de la función validarPass. He probado llamando cada función de forma individual, y ambas funcionan sin problema, no sé que puede estar mal

furoya · #6 (**permalink**) 17/10/2012, 13:35

¿Habías visto este tema?

Dos funciones en un input???