Validar Formulario

[Maganius]

Hola, eh buscado y no le encuentro la vuelta a este problema que tengo al validar un formulario en js,

Estoy haciendo un js para que valide cualquier formulario indicandole por parametro sus respectivas operaciones.

Tengo creado esto:

Código Javascript:

function validar(form,campo) {
    
    var estado = document.getElementById(form).elements[campo].value;
    
    if(estado == ""){
        window.alert("Debes completar todos los campos");
    }else{
        document.form.submit();
    }
    
}
 

Lo que quisiera saber es como puedo hacer de alguna manera recorrer todo el form sin saber cuantos Campos de Texto tengo e ir agregandoselo por parametro yo intente con este js que muestro anteriormente pero solo me valida 1 campo nada mas y yo lo que nesesito es ir pasandolo por parametro todos los campos que tenga el form asi hago la consulta

Código HTML:

<input type="button" size="25" value="Ingresar Producto" onclick="validar('form','NomProducto')" /> 

pero esto solo valida 1 campo de texto solamente.

Bueno espero que me puedan ayudar.

Muchas Gracias

Att: Maganius

[IsaBelM]

usa el método getElementsByTagName(), con ello obtienes la colección de elementos que compone el formulario. con un ciclo for lo recorres y con una condicional lo validas

[Maganius]

Gracias por responder IsaBelM

la verdad esque nose como se haria la condicional si me podrias explicar un poco mas te lo agradeceria.

Gracias.

att: Maganius

[IsaBelM]

lee este articulo habla sobre la estructura. es esa tu duda??

[Maganius]

Gracias, Ya me ayudo un amigo dejo el codigo por si alguien lo necesita

Código Javascript:

function validar(form,campo,numero) {
    
    SeparoCampo = campo.split('&&'); // Armo un array de los campos
    
    for(i=0;i<numero;i++){ // Defino un limite pasando por parametro la cantidad de campos que tiene el formulario
    var estado = document.getElementById(form).elements[SeparoCampo[i]].value; //Recorro con el For el formulario de todos los campos
    
    if(estado == ""){ // si esta vacio saltara un mensaje y se le dara foco el mismo
        window.alert("Debes completar todos los campos");
        document.getElementById(form).elements[SeparoCampo[i]].focus();
        return;
    }
    }
    //Si no entra por el IF hara el submit
        document.form.submit();
}
 

En el boton html del formulario se le pasara los datos asi:

Código HTML:

<input type="button" size="25" value="Ingresar Producto" onclick="validar('form','NomProducto&&DesProducto','2')" />
 

1.- ID del formulario
2.- Nombrar todos los campos del formulario separandolos con && entre cada uno de ellos
3.- Cantidad de campos que tiene el formulario

[IsaBelM]

el envio de ese formulario dependerá de si el usuario tiene o no no tiene activado javascript. no cual no es una buena idea. en vez de usar un botón usa un botón submit para enviar el formulario

[Maganius]

si uso un boton submit me pasara por arriba el javascript hara toda la comprobacion pero seguira de largo hacia el proceso del mismo.

[IsaBelM]

Iniciado por Maganius

si uso un boton submit me pasara por arriba el javascript hara toda la comprobacion pero seguira de largo hacia el proceso del mismo.

no comprendo que es lo que dices.

onsubmit = "return validar(this)"

si devuelve true, se envia el formulario, sino no se envia

[Maganius]

Mira lo tengo asi:

Código HTML:

<form action="ProcesoProducto.php" method="post" id="form" name="form" onsubmit="return validar('form','NomProducto&&DesProducto','2')"
 
<input type="submit" size="25" value="Ingresar Producto" />
 

Si lo escribo de esta forma como tu dices con OnSubmit, Si me hace la comprobacion de los datos pero me lleva al action de igual forma.

[IsaBelM]

vamos a hacer el código mas dinámico

function validar(f) {
for (var i = 0, controles = f.elements; i < controles.length-1; i++) {
if (controles[i].value == '') {
window.alert("Debes completar todos los campos");
controles[i].focus();
return false;
}
}
}



<form action="ProcesoProducto.php" method="post" id="form" name="form" onsubmit="return validar(this);">
<input type="text" name="c1" id="c1" value="" />
<input type="text" name="c2" id="c2" value="" />
<input type="submit" size="25" value="Ingresar Producto" />

[goteen_mx]

Yo creo que además de lo de Isabel un type para que puedas validar que sea radio, checkbox o tex etc etc

var msj="";

if(f[i].type=="text"){
if(f[i].value=="")
msj+="falta llenar "+ f[i].name
}

if(f[i].type=="radio"){
var prendidoTmp=0;
for(j=0;j<document.getElementsByName(f[i].name).length;j++){
if (document.getElementsByName(f[i].name[j].checked){
prendidoTmp=1;
break;
}
}
if(prendido==0)
msj+= "falta seleccionar f[i].name"
}

if(mjs.length){
alert(msj)
return false;
}

faltan los demas como checkbox, select, textarea

Salu2.

[Maganius]

Muchas Gracias.

Me a sido de utilidad los 2 script.

Ya solucione mi problema.


Att: Maganius

[air94_nathurzer]

ayuda para validar formularios en javascript mi tema se llama duda al validar un formulario
no se en que parte del codigo poner el codigo de validacion de datos

[goteen_mx]

Mi estimado(a) air94_nathurzer investiga un poquito sobre los lenguajes de cliente y los de server, te deje unas paginas en tu pregunta para que les des una revisada.

Salu2.

[IsaBelM]

Iniciado por air94_nathurzer

ayuda para validar formularios en javascript mi tema se llama duda al validar un formulario
no se en que parte del codigo poner el codigo de validacion de datos

Iniciado por air94_nathurzer

ayuda con problema al validar un formulario no se en que parte del formulario poner poner el codigo de validacion de datos???

no crees que no debería de ocupar temas de otros usuarios?? esta es tu segunda vez. abre un nuevo tema