jueves, 22 de octubre de 2009

VALIDAR RADIO BUTTON CON JAVASCRIPT

Llevo unos dias trabajando con Javascript y me encontré con este pequeño problema, necesitaba validar el típico radio button con el sexo:


Es muy común en los formularios y el requisito que debe de cumplir es que se seleccione uno de los 2 generos, masculino o femenino. La forma con la que yo lo he validado es la siguiente:

//---Validar sexo Radio
var s="no";

if(document.f2.sexo[1].checked)
alert("Marcado");
for ( var i = 0; i < document.f2.sexo.length; i++ )
{
if ( document.f2.sexo[i].checked ){
alert("Entra");

s= "si";
break;
}
}
if ( s == "no" ){
alert( "Debe seleccionar hombre o mujer" ) ;
}
//---Fin validar sexo.


Este es el código que funciona correctamente, como notas deberéis saber que f2 se corresponde con el nombre del formulario y sexo es el nombre del radio button, para que lo veáis mas claramente, os muestro como definí el radio button.

<b>Sexo:</b>
<input type="radio" name="sexo" value="hombre">Masculino
<input type="radio" name="sexo" value="mujer">Femenino<br />
Bueno espero que os sirva a aquellos que tengais que validar formularios.

10 Comentarios:

Anónimo dijo...

si esta muy bueno pero si a alguien le mandaba la alerta y dandole aceptar se direccionaba a la pagina siguiente solo tiene que agregar un valor cero para volver a entrar al script quedando asi
if ( s == "no" ){
alert( "Debe seleccionar hombre o mujer" ) ;
return 0;
}

Anónimo dijo...

por que en esta parte:
if(document.f2.sexo[1].checked)

es sexo[1]?

caxitos dijo...

Anonimo En primer lugar dejar vuestros nombres please! para así poder didijirme a cada uno de vosotros! Si así es! sexo es el nombre del radio button. ychequed indica si está marcado o no.

caxitos dijo...

Lo de sexo[1] es por que es un array y lo que se hace es comprobar la posicion del mismo.

Publicar un comentario en la entrada

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.