Validar X Form de X números de campos con X nombres

José Molina · #1 (**permalink**) 12/11/2004, 09:45

Saludos.

Tengo lo siguiente:

<form name="form1" method="post" action="">
<input name="field1" type="text">
<input name="field2" type="text">
<input type="radio" name="radio1" value="button1">
<input type="radio" name="radio1" value="button2">
<input type="radio" name="2" value="button3">
<input type="radio" name="2" value="button4">
<input type="checkbox" name="checkbox1" value="box1">
<input type="checkbox" name="checkbox2" value="box2">
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>

Ahora lo que quiero es validar todos los campos. Si no tienen valor o estan vacios que levante un pop-up. Como veran existen varios campos tipo TEXT, varios tipo RADIO y varios tipo CHECKBOX

Bien pudiera ir preguntando por cada uno, pero esa no es la idea.

Puede ser que el día de mañana, varien la cantidad de campos por cada TIPO. Inclusive, pueden cambiar los nombres de cada CAMPO.

Por esta razón debo crear una función que vea, El TIPO del CAMPO, la CANTIDAD y el NOMBRE y luego que valide si entan vacios. Además de que algunos campos pueden tener como NOMBRE a un NUMERO (Ej: Ver radio en el ejemplo)

Existe ya un código que haga todo eso??

Gracias

JavierB · #2 (**permalink**) 12/11/2004, 14:06

Hola José Molina.

Te pongo un ejemplillo:

Código HTML:

<html>
<head>
<script>
function validar(frm) {
  for(i=0;i<frm.elements.length;i++)
  switch (frm.elements[i].type) {
    case 'text': alert(frm.elements[i].value); break;
    case 'checkbox': alert(frm.elements[i].checked); 
  }
}
</script>
</head>

<body>
<form>
<input type="text" value="uno" />
<input type="checkbox" />
<input type="text" value="dos" />
<input type="button" onclick="validar(this.form)" />
</form>
</body>
</html>

Solo es una idea. Las validaciones de cada tipo de control lo dejo de tu cuenta.

Saludos,