Hola a todos
tengo un problema con la validacion de un formulario, solo me valida el primer elemento y el resto ni los toca, y tampoco envia el formulario.
pongo el codigo html
Código HTML:
<form name="form1" method="post" action="<?php echo $url ?>">
<table width="60%" border="0" class="parrafo">
<tr>
<td width="24%">Capitulo</td>
<td width="76%"> </td>
</tr>
<tr>
<td colspan="2"><select name="capitulos" size="1" id="capitulos"
onChange="peticion('busca_ciexgrp.php','&capitulo='+this.value,'div_grupo')">
<option value="0">Seleccionar</option>
<?php
for ($i=0;$i<$n;$i++) {
$codigo = mysql_result($rs,$i,'id_cxcap');
$des = substr(mysql_result($rs,$i,'des_cxcap'),0,110);
?>
<option value="<?php echo $codigo ?>"><?php echo $des?> </option>
<?php } ?>
</select></td>
</tr>
<tr>
<td>Grupo</td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div id="div_grupo">
<select name="grupo" id="grupo">
</select></div> </td>
</tr>
<tr>
<td>Sub Grupo </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div id="div_subgrupo">
<select name="subgrupo" id="subgrupo">
</select></div></td>
<td> </td>
</tr>
<tr>
<td>Categoria</td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div id="div_categoria">
<select name="categoria" id="categoria">
</select></div> </td>
</tr>
<tr>
<td>Sub Categoria</td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div id="div_subcategoria">
<select name="subcategoria" id="subcategoria">
</select></div> </td>
</tr>
</table>
<input type="button" name="Submit" value="Aceptar" onClick="valida_envia()">
<a href="busca_ciex_avanzado.php">Busqueda Avanzada</a>
</form>
aqui el codigo Javascript
Código:
<script language="javascript" type="text/javascript">
function valida_envia(){
//valida capitulos (select )
if (document.getElementById('capitulos').selectedIndex==0){
alert("Debe seleccionar un Capitulo.");
document.getElementById('puntos').focus();
return false;
}
//valida grupo (select )
if (document.getElementById('grupo').selectedIndex==0){
alert("Debe seleccionar un Grupo.");
document.getElementById('grupo').focus();
return false;
}
//valida Subgrupo (select )
if (document.getElementById('subgrupo').selectedIndex==0){
alert("Debe seleccionar un Sub Grupo.");
document.getElementById('subgrupo').focus();
return false;
}
//valida categoria (select )
if (document.getElementById('categoria').selectedIndex==0){
alert("Debe seleccionar una Categoria.");
document.getElementById('categoria').focus();
return false;
}
//valida subcategoria (select )
if (document.getElementById('subcategoria').selectedIndex==0){
alert("Debe seleccionar una Sub Categoria.");
document.getElementById('subcategoria').focus();
return false;
}
document.form1.submit();
}
</script>
Por que solo me valida el primer select y los otros no, tiene algo que ver que a partir del segundo select esten en un DIV?
Gracias por la ayuda