LLamar dos funciones con onsubmit ??

cristo995 · #1 (**permalink**) 12/01/2013, 14:52

Hola.
mi problema es que no veo la forma de llamar las dos funciones q validan mi formulario.
una valida campos vacios y la otra valida solo numero.

aqui mi <html>

<html>
<head>
<script type="text/javascript" src="funcion.js"></script>
</head>
<body>
<form name="prueba" onsubmit="return Validar_CampoVacio(this, 'nombre', 'apellido','telefono')" >
Nombre:<input type="text" name="nombre" id='nombre' /><br><br>
Apellido:<input type="text" name="apellido" /><br><br>
Telefono:<input type="text" name="telefono" id="telefono" /><br><br>
<button type="submit">enviar formulario</button>
</form>
<body >
</body>
</html>

aqui mi <script>

function Validar_CampoVacio()
{
params = Validar_CampoVacio.arguments;
f = params[0];
for (var i = 1, total = params.length; i < total; i++)
{
if (f[params[i]].value == "")
{
alert("debe rellenar el campo: " + params[i]);
f[params[i]].focus();
return false;

}
}
}

function SoloNumero(){
var campo = document.getElementById('telefono).value
if(isNaN(campo)){
alert('Debes escribir un numero valido');
return false;
}

}

las dos funciones por separado si sirven..
pero si pongo las dos solo me valida la (1) primera. :(

e intentado..

intentos fallidos:
__________________________________________________ ____________
<form name="prueba" onsubmit="return Validar_CampoVacio(this, 'nombre', 'apellido','telefono');SoloNumero()" >
__________________________________________________ _____________
<form name="prueba" onsubmit="return Validar_CampoVacio(this, 'nombre', 'apellido','telefono')&&SoloNumero()" >
__________________________________________________ ______________
<form name="prueba" onsubmit="return (Validar_CampoVacio(this, 'nombre', 'apellido','telefono');SoloNumero())" >

separantolas por ";" punto y coma
separantolas por "&&" Y
entre "()" parentesis

y nada.

alguien me podria decir como solucionar este prolemilla.

gracias..

caricatos · #2 (**permalink**) 12/01/2013, 16:49

Hola:

¿No te ha servido "&&"?... creo que es lo adecuado...

Saludos

cristo995 · #3 (**permalink**) 13/01/2013, 10:18

NO nada no me funciona con && ni con nada.

carlos_belisario · #4 (**permalink**) 13/01/2013, 10:29

es que viendo las funciones

Código Javascript:

Ver originalfunction Validar_CampoVacio() 
{
    params = Validar_CampoVacio.arguments;
    f = params[0];
    for (var i = 1, total = params.length; i < total; i++) 
    {
        if (f[params[i]].value == "")
        {
            alert("debe rellenar el campo: " + params[i]);
            f[params[i]].focus();
            return false; 
        }
    }
}
 
 
function SoloNumero(){
    var campo = document.getElementById('telefono').value
    if(isNaN(campo)){
        alert('Debes escribir un numero valido');
        return false;
    }
}

ninguna de las dos da un return true si es valido el formulario
la no encontrar el return creo que no hace nada el submit, que deberías de hacer??

Código Javascript:

Ver originalfunction Validar_CampoVacio() 
{
    params = Validar_CampoVacio.arguments;
    f = params[0];
    for (var i = 1, total = params.length; i < total; i++) 
    {
        if (f[params[i]].value == "")
        {
            alert("debe rellenar el campo: " + params[i]);
            f[params[i]].focus();
            return false; 
        }
    }
    return true;
}
 
 
function SoloNumero(){
    var campo = document.getElementById('telefono').value
    if(isNaN(campo)){
        alert('Debes escribir un numero valido');
        return false;
    }
    return true;
}

prueba y nos comentas

cristo995 · #5 (**permalink**) 13/01/2013, 12:09

o. si me sirvio retornando true.
gracias: carlos_belisario funciona 100% :) :)

ya me estaba desesperando.

pero entonces la parte de return true;

es como si fuera la parte contraria del codigo cierto..?

o esq de alguna u otra forma va return true; ??
no me queda muy claro...

emprear · #6 (**permalink**) 13/01/2013, 13:13

Cita:

Iniciado por cristo995

o. si me sirvio retornando true.
gracias: carlos_belisario funciona 100% :) :)

ya me estaba desesperando.

pero entonces la parte de return true;

es como si fuera la parte contraria del codigo cierto..?

o esq de alguna u otra forma va return true; ??
no me queda muy claro...

Te pongo una variante

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<script type="text/javascript">
//<![CDATA[
 
function Validar_CampoVacio(){
var mensaje = "";
var mensaje_tel = "";
var params = Validar_CampoVacio.arguments;
    for (var i = 0; i < params.length; i++){
        if(document.getElementById(params[i]).value == ""){
        mensaje += "Debe rellenar el campo " + (params[i]) + "\n\r";
        }
    }
    
    var campoTel = document.getElementById('telefono');
    if(!validarNumero(campoTel.value)){
        if(campoTel.value != ""){
        mensaje_tel += "Telefono debe ser un número";
        }
    }
 
// para sacar todos los mensajes juntos
    if((mensaje != "")||(mensaje_tel != "")){
    alert(mensaje + mensaje_tel);
    return false; // recién aqui devolvés false
    }
}
 
function validarNumero(input){
return (!isNaN(input)&&parseInt(input)==input);
}  
//]]>
</script>
<title></title>
</head>
<body>
<form name="prueba" action="test.php" onsubmit="return Validar_CampoVacio('nombre', 'apellido','telefono')" id="prueba">
Nombre:<input type="text" name="nombre" id='nombre' value="" /><br />
<br />
Apellido:<input type="text" name="apellido" id="apellido" value="" /><br />
<br />
Telefono:<input type="text" name="telefono" id="telefono" value="" /><br />
<br />
<button type="submit">enviar formulario</button></form>
</body>
</html>

Primero un par de correciones sobre tu código original, en
getElementById('telefono).value falta el cierre de la comilla en teléfono
ya que le puiste id a nombre y telef, ponéselo a apellido

Cuando llamás una función con return, el evento espera una respuesta de dicha función, en el caso del onsubmit (que implica justamente eso, hacer un submit, y el button dentro de un form efectivamente los hace), de no recibir un false, la acción del submit sigue su curso natural y dirije al action (que digamos, tampoco fué definido en el form).
Luego podés sacar un mensaje individualmente, o, generar un mensaje en el error y posteriormente evaluar si el mensaje no es = ""; y sacar el mensaje de error trás hacer todas las validaciones (que incluso podrían ser más)
Otro detalle, en lo propuesto pos Carlos, un simple isNaN() te daría como falso tanto para un entero como para un float, pero intuyo que por ser un telefono solo querés enteros, de ahi que yo usé otra función para evaluar eso.
Finalmente, deberías mejorar la validación de campos vacios, ya que una sucesión de espacios en blanco con la barra espaciadora no es una cadena vacía precisamente.
Hay otras variantes, pero esta que puse es lo que m´´as se asemeja a la que hiciste.
Saludos