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.

18 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.

Elvis dijo...

Buenas, tengo la necesidad de validar varios radio button, he probado el codigo pero no me resulta. Alquien me puede facilitar el codigo completo? Gracias.

Carolina Saenz dijo...

Como hago para que en donde coloco el nombre del radio.. pueda colocar varios para validarlos o me toca hacer un if por cada uno.. es que es un conjunto que debo validar pero los nombres son diferentes

Carolina Saenz dijo...

hola... me podrían ayudar como coloco para validar varios radios.. que son un grupo pero tienen nombre diferente.. debo colocar un if por cada uno o puedo colocarlo directamente en el if ( document.f2.sexo[i].checked ){

Anónimo dijo...


Muchas gracias pero no entiendo el porque de esta parte:

if(document.f2.sexo[1].checked)
alert("Marcado");

Pregunto: no esta de más eso??


caxitos dijo...

Si esa parte de código únicamente es para comprobar cuando está marcado. En esta parte se podrá hacer la acción que se desee cuando el botón esté marcado.

Anónimo dijo...

hola.. una consulta como hago para recuperar el valor una vez guardado y vuelva a entrar al formulario esot no me funciona con o radio button document.getElementById("prefiere").value = results.rows.item(0).bacheSiNo;
:(
Por favor necesito ayuda.....
prove cone sto pero no da... :(
document.getElementById.prefiere[0].checked = true;

Auxilio!!!:(

Publicar un comentario en la entrada

Haga su comentario

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