JavaScript - Validar formulario con Javascript

   
Vista:

Validar formulario con Javascript

Publicado por Miss (1 intervención) el 08/06/2014 05:15:41
Hola! Tengo un formulario y quisiera validar los campos vacios mediante javascript. Necesito que la funcion de javascript revise primero los campos cuando se aprieta submit, liste los campos vacios que encontro y que, obviamente, no mande el formulario hasta que todos los campos esten llenos. La mayoria de los codigos que encontre por internet lo que hacen es revisar el primer campo, dar un alert diciendo que el campo esta vacio, y una vez que se llena sigue con el siguiente campo. Pero lo que yo necesito es que revise todos los campos de una vez y liste todos los campos vacios que encuentre.
Esto es lo que tengo hasta ahora
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function Comprobar(formulario)
    {
    var nombreAp=document.getElementById('nombreApellido').value;
    var eMail=document.getElementById('email').value;
    var Asunto=document.getElementById('asunto').value;
    var Mensaje=document.getElementById('mensaje').value;
    if (nombreAp.length==0)
    {
    var errorNombre=document.createElement('p');
    errorNombre.innerHTML= 'No escribiste tu nombre';
    document.getElementById("Comentarios").appendChild(errorNombre);
    return false;
    }
    if (eMail.length==0)
    {
    var erroremail=document.createElement('p');
    erroremail.innerHTML='No escribiste tu email';
    document.getElementById("Comentarios").appendChild(erroremail);
    return false;
    }
    if (Asunto.length==0)
    {
    var errorAsunto=document.createElement("p");
    errorAsunto.innerHTML='No escribiste el asunto';            document.getElementById("Comentarios").appendChild(errorAsunto);
    return false;
    }
    if (Mensaje.length==0)
    {
    var errorMensaje=document.createElement("p");
    errorMensaje.innerHTML='No escribiste el mensaje';
    document.getElementById("Comentarios").appendChild(errorMensaje);
    return false;
    }
    return true;
    }
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder