Validar campos de formulario al mismo tiempo

[arepavieja]

Hola, buen día.

El problema es que tengo un formulario con 5 campos, las validaciones ya están hechas correctamente, el detalle es que las validaciones se hacen campo por campo, es decir, si lleno todos los campos incorrectamente, al darle submit solo me aparece que tengo que corregir el primero, lo corrijo, vuelvo a dar submit y ahora me valida el segundo y así sucesivamente. ¿Existe alguna manera de que me muestre los errores al mismo tiempo?

la regla de validación es:

Código Javascript:

function valida_registro() {
    if (fcedula(true) && vapellidos(true) && vnombres(true) && vcorreo(true))
       alert('Exito');
}
 

Si fcedula() retorna true pasa a la siguiente vapellidos(), si esa se cumple pasa a la siguiente vnombres(), etc...

[maycolalvarez]

usa una variable booleana para marcar si hay error y sólo cancela el submit dependiendo de la misma.

a su vez puedes concatenar en otra variable los strings de los alert y mostrar un alert con todos los campos a verificar

[arepavieja]

ah claro, comprendo, pero no entiendo como cancelar el submit, es decir, para cada función no retorno true o false sino que uso una variable que me indique si está mal o no.
sería algo como:

Código Javascript:

function valida() { 
//¿aqui llamo a las funciones?
if (a=1 o b=1 o c=1) // 1 es error
mostrar errores
else
submit
}
 

Gracias por tu respuesta.

[maycolalvarez]

1 - llama a la función así desde el onsubmit:

<form onsubmit="return valida();" ...

2 - si retornas false en la función, el form no se envía

Código Javascript:

function valida() {
         //¿aqui llamo a las funciones?
    if (a=1 o b=1 o c=1) // 1 es error
            //mostrar errores
             return false; //NO se envía!!!
         else
             return true; //Se Envía
    }