15/11/2010, 12:13
|
| | | Fecha de Ingreso: septiembre-2004 Ubicación: La Plata Argentina
Mensajes: 128
Antigüedad: 19 años, 8 meses Puntos: 9 | |
| Respuesta: Validar Checkbox+TextBox+Select
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 |