validacion javascript radio sexo

vani18 · #1 (**permalink**) 15/08/2011, 12:08

hola tengo un codigo y una explicacion del mismo que quiero saber si esta bien como creo que funciona...

codigo.

.-------------------------

<html>
<head>
</head>
<script>

</script>

codigo HTML...........................

<body>
<form onSubmit="return validar(this)">

<b>Sexo:</b>
<input type="radio" name="sexo" value="hombre">Masculino
<input type="radio" name="sexo" value="mujer">Femenino
<br />

<input type="submit" value="Conectar">
</form>
</body>
</html>

------------------------

se declara una variable con un valor. que al final se compara con un if. en este caso es "s" con el valor 'no'

en la parte que sigue creo que esta demas por que comprueba la segunda posicion de la matriz... seria femenino... si esta checkeado indica "marcado"

aca tengo una duda. cuando habla de matriz es por que el codigo se da cuenta que hay dos elementos con el mismo nombre. por los acumula en la matriz. osea al ser del mismo tipo... -creo- y tener el mismo nombre los acumula en la matriz segun el orden , por eso , aca entra en un FOR donde comprueba primero el de la posicion 0 y despues el 1...
en el caso de que alguno este checkeado le asignara un valor a la variable s. que despues si tiene un valor indicara que no cambio y no se checkeado ningun radio ...

creo que la idea de las validaciones en javascript. es estar pendiente del FALSE.eso es lo que DETIENE AL PROGRAMA,
por que si no estuviera return false, indicaria que todo salio bien..

bueno espero que me corrijan si este es el funcionamiento de este codigo de validar los radio...en javascript. gracias ...

Perr0 · #2 (**permalink**) 16/08/2011, 00:07

que tal vanil18, trate de achicar un poco tu código, es mejor que lo estudies...

Código:

<html>
<head>
</head>
<script>
function validar(){
	o = document.forms[0].sexo;
	for(i=0;i<o.length;i++){
		if(o[i].checked){
			alert("Ha seleccionado "+o[i].value);
			break;
		}
	}
	if(i>o.length-1){
		alert("Seleccione sexo");
		return false;
	}
}
</script>

<body>
<form onSubmit="return validar()">
<b>Sexo:</b>
<input type="radio" name="sexo" value="hombre">Masculino
<input type="radio" name="sexo" value="mujer">Femenino
<br />
<input type="submit" value="Conectar">
</form> 
</body>
</html>

salu2