saludos, estoy validando unas cosas que cuando no corresponden me sale en rojo un mensaje al lado del cuadro de texto, pero solo me valida el primer cuadro ...como puedo hacerlo para que pase por los 3?
codigo..
Código PHP:
<html>
<body>
<script>
colorMal="#FFFFEE";
colorBien="white";
function prueba(){
if(document.form3.cod_clase.value == "0000" || document.form3.cod_clase.value =="" ||document.form3.cod_clase.value.length<4){
document.getElementById('cod_clase_err').innerHTML = '<strong><font color="#DC5454">- Codigo Clase no valido</font></strong>';
document.forms[0].elements["cod_clase"].style.background=colorMal;
document.forms[0].elements["cod_clase"].style.borderColor="#C13D12";
return false;
}else {
document.forms[0].elements["cod_clase"].style.background=colorBien;
document.forms[0].elements["cod_clase"].style.borderColor="#C0C0C0";
return true;
}
if( document.form3.nombre_clase.value =="" ){
document.getElementById('nombre_clase_err').innerHTML = '<strong><font color="#DC5454">- nombre_clase no valido</font></strong>';
document.forms[0].elements["nombre_clase"].style.background=colorMal;
document.forms[0].elements["nombre_clase"].style.borderColor="#C13D12";
return false;
}else {
document.forms[0].elements["nombre_clase"].style.background=colorBien;
document.forms[0].elements["nombre_clase"].style.borderColor="#C0C0C0";
return true;
}
if( document.form3.jerarquia.value =="" ){
document.getElementById('jerarquia_err').innerHTML = '<strong><font color="#DC5454">- jerarquia no valido</font></strong>';
document.forms[0].elements["jerarquia"].style.background=colorMal;
document.forms[0].elements["jerarquia"].style.borderColor="#C13D12";
return false;
}else {
document.forms[0].elements["jerarquia"].style.background=colorBien;
document.forms[0].elements["jerarquia"].style.borderColor="#C0C0C0";
return true;
}
}
</script>
<form name="form3" action="#" method="post" onsubmit="return prueba();">
<table width="700" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="150">Código</td>
<td width="80"><input name="cod_clase" type="text" maxlength="4" class="small" value="" id="cod_clase" ></td>
<td width="340"><p id="cod_clase_err"> </p>
</tr>
<tr>
<td>Nombre</td>
<td><input name="nombre_clase" type="text" maxlength="16" size="25" value="" id="nombre_clase" alt="blank"></td>
<td width="340"><p id="nombre_clase_err"> </p>
</tr>
<tr>
<td>Jerarquía Clase de Pedido </td>
<td><input name="jerarquia" type="text" maxlength="2" class="small" value="" id="jerarquia" ></td>
<td width="340"><p id="jerarquia_err"> </p>
</tr>
<tr>
<td> </td>
<td><input name="Submit" type="submit" class="cmd" value="Agregar"></td>
</tr>
</table></form>
</body>
</html>