Validar Checkbox+TextBox+Select

stan67_2 · #1 (**permalink**) 15/11/2010, 10:17

Hola a todos, espero q me puedan ayudar.
Estoy haciendo un codigo para un form el cual tiene 12 checkbox y cada uno tiene su propio text y select.
Este es el codigo.
function validate(form1){
for(var i = 0; i < form1.chk.length; i++){
if(form1.chk[i].checked)return otravalidate();}
alert('Debes seleccionar al menos una opcion');
return false;
}

function otravalidate(){

if (!form1.t1.value || document.form1.cb1.value==0){
alert ("No ha rellenado todos los campos obligatorios");
return false;
}

if (!form1.t2.value || document.form1.cb2.value==0){
alert ("No ha rellenado todos los campos obligatorios");
return false;
}

}

Lo que deseo es que cuando el usuario pinche 1 o mas checkboxs se valide su text y su select. Y al pinchar el button mande la pagina.

y este es mi button.

<input height="40" align="right" width="140" id="Button1" type="image" value="button" src="Imagenes/ProcesarTest1.png" onmouseover='this.src=Imagenes/ProcesarTest2.png;' onmouseout='this.src=Imagenes/ProcesarTest1.png' onclick="return validate(form1)"/>

Le agradeceria su ayuda .

sysmadryn · #2 (**permalink**) 15/11/2010, 12:13

Mira esto :

<html>
<head>
<script>
window.onload = function(){
var form1= document.getElementById("form1");
}

function validate(){
var eligio = false;
for(var i = 1; i <= 2; i++){
if(document.getElementById("ch"+i).checked) {
if(!otravalidate(i))return false;
eligio = true;
}
}
if(!eligio){
alert('Debes seleccionar al menos una opcion');
return false;
}

form1.submit();
}

function otravalidate(i){

var t = document.getElementById("t"+i);
var cb = document.getElementById("cb"+i);

if (t.value=="" || cb.value==0){
alert ("No ha rellenado todos los campos obligatorios");
return false;
}

return true;
}
</script>
</head>
<body>
<form id="form1" method="post" action="algo.php">
<input type="checkbox" id="ch1"/><input type="text" id="t1"/>
<select id="cb1">
<option value="0">elija</option>
<option value="op 11">op 11</option>
<option value="op 12">op 12</option>
<option value="op 13">op 13</option>
</select>
<br />
<input type="checkbox" id="ch2"/><input type="text" id="t2"/>
<select id="cb2">
<option value="0">elija</option>
<option id="sel21" value="op 21">op 21</option>
<option id="sel22" value="op 22">op 22</option>
<option id="sel23" value="op 23">op 23</option>
</select>
<br />
<input height="40" align="right" width="140" id="Button1" type="button" value="button" src="Imagenes/ProcesarTest1.png" onmouseover='' onmouseout='' onclick="validate();"/>
</form>
</body>
</html>

Se podria validar mejor, pero a fines didacticos, use tu logica.

Saludos

stan67_2 · #3 (**permalink**) 17/11/2010, 09:59

Hola, muchas gracias por la ayuda de verdad me facilitaste la solucion a mi problema. La verdad es que recien estoy en este tipo de programacion pero en si me siento muy agradecido. no se si aca califican pero del 1 al 10 te pongo 11.

sysmadryn · #4 (**permalink**) 17/11/2010, 12:05

Gracias ! me alegro que te haya servido.

Pero no exageres ! el diez es de Maradona, Como dicen por aqui D10S !! (aunque yo no sea un fanatico suyo )

Saludos