Reglas en formulario según lo elegido en un select

triperfunk · #1 (**permalink**) 07/09/2008, 18:33

Hola buenas tardes, espero me puedan ayudar con lo siguiente:
tengo un formulario con los siguientes campos

estado_fono1 -->> es un menu desplegable
codigo_1 -->> numerico de 2 carateres max.
fono_1 -->> numerico con 6 caracteres como mínimo

necesito un java que si en el "estado_fono1" se selecciona la opción "conecta" los campos codigo_1 y fono_1 no estén vacios y que de una alerta si esto ocurre.

SALUDOS

KarlanKas · #2 (**permalink**) 08/09/2008, 00:54

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>

function validar(f){

mal=false;
switch(f.estado_fono1.selectedIndex){
case 0:
alert("Por favor, seleccione un estado de fono");
mal=1;
break;
case 1:
if(f.codigo_1.value.length<2 || f.fono_1.value.length<6){
alert("El primer campo debe tener 2 cifras y el segundo 6");
mal=1;
}
else{
if(isNaN(f.codigo_1.value) || isNaN(f.fono_1.value)){
alert("Debe rellenar los dos campos con números!");
mal=1
}
}

break;
}
return !mal;
}
</script>
</head>

<body>
<form action="envio.php" onsubmit="return validar(this)">
<select name="estado_fono1">
<option value="">Elige opcion</option>
<option value="conecta">Conecta</option>
<option value="no-conecta">No Conecta</option>
</select>
<input type="text" name="codigo_1" maxlength="2" size="3" /><input size="7" type="text" name="fono_1" maxlength="6" /><br />
<br />
<input type="submit" value="Enviar" />
</form>
</body>
</html>