Validación Radiobutton

andinistas · #1 (**permalink**) 08/06/2004, 09:20

Hola quisiera saber como puedo validar un sólo radiobutton, en las faq hay un codigo para validar todos, pero en mi form no es mi caso y yo sólo quiero validar 1 solo (Si / No)


SI <input name="pregunta1" type="radio" value="1" tabindex="2"> NO <input name="pregunta1" type="radio" value="2" tabindex="2">

KarlanKas · #2 (**permalink**) 08/06/2004, 11:04

Y qué quieres validar?

Tal vez si estudias un poco el de las faq's descubres como hacerlo...

O si pones en uno de los dos checked:

SI <input name="pregunta1" checked type="radio" value="1" tabindex="2">

andinistas · #3 (**permalink**) 08/06/2004, 11:33

Quiero saber si el usuario ha hecho clic en el radio button en SI o en NO,

esta funcion es para chekcar que "todos" los radio buttons del form tienen que ser respondidos o seleccionados

function checkRadios() {

var el = document.forms[0].elements;

errors=''

for(var i = 0 ; i < el.length ; ++i) {
if(el[i].type == "radio") {
var radiogroup = el[el[i].name]; // get the whole set of radio buttons.
var itemchecked = false;
for(var j = 0 ; j < radiogroup.length ; ++j) {
if(radiogroup[j].checked) {
itemchecked = true;
break;
}
}

if(!itemchecked) {
errors+='Recuerde marcar los campos obligatorios señalados con (*)';
if(el[i].focus)
el[i].focus();
alert(errors);
return false;
}
}
}

/*/

Pero no entiendo como asignarla para determinados radio buttons que esten en el form, es que no deseo validarlos todos, nada mas necesito 1 o 2

KarlanKas · #4 (**permalink**) 08/06/2004, 13:42

Pues para saberlo:

<html>
<head>
<title>Untitled</title>
</head>

<body>
<form action="javascript:alert('Ha elegido '+document.forms[0].oculto.value.toUpperCase())">
<input onclick="this.form.oculto.value=this.value" type="radio" name="pregunta1" value="sí">SÍ<br>
<input onclick="this.form.oculto.value=this.value" type="radio" name="pregunta1" value="no">No<br>
<input type="hidden" name="oculto">
<input type="submit">
</form>

</body>
</html>

andinistas · #5 (**permalink**) 08/06/2004, 14:24

No no no eso ya lo hice ahora quisiera saber como valido que el usuario haya marcado alguna de las respuestas al enviar el formulario.

KarlanKas · #6 (**permalink**) 09/06/2004, 01:46

Vamos, que hay que hacertelo todo...
<html>
<head>
<script>
function vagueria(){
if(!(document.forms[0].pregunta[0].checked ||document.forms[0].pregunta[1].checked)){
alert("Por favor, no sea tan vago de nisiquiera contestar");return false;
}
}
</script>

</head>

<body>

<form action="javascript:alert('Mandando!')" onsubmit="return vagueria()">

¿Me apetece aprender?<br>
<input name="pregunta" type="radio" value="si">Sí<br>
<input name="pregunta" type="radio" value="no">No<br>
<br>
<input type="submit">
</form>
</body>
</html>

andinistas · #7 (**permalink**) 09/06/2004, 09:20

ok muchas gracias, pero cuando valida se le podría asignar la propiedad focus para que el usuario vea que es lo que le falta por seleccionar ?

estuve probando de esta forma pero, sucede un error que dice que el objeto no acepta la propiedad focus

// Pregunta 1
if(!(document.forms[0].pregunta1[0].checked ||document.forms[0].pregunta1[1].checked)){
alert("¿Conoce Ud la utilidad Fdisk?");
obj.form.elements.pregunta1.focus();
return false;
}

KarlanKas · #8 (**permalink**) 09/06/2004, 10:57

Lo siento, pero no es posible que se de el focus a unos radio button y que el visitante se de cuenta... Pon mejor un alert diciendo que conteste sí o no a la pregunta tal...

andinistas · #9 (**permalink**) 09/06/2004, 10:59

Si se puede porque yo probé con este ejemplo y sirvio:

function checkRadios() {

var el = document.forms[0].elements;

errors=''

for(var i = 0 ; i < el.length ; ++i) {
if(el[i].type == "radio") {
var radiogroup = el[el[i].name]; // get the whole set of radio buttons.
var itemchecked = false;
for(var j = 0 ; j < radiogroup.length ; ++j) {
if(radiogroup[j].checked) {
itemchecked = true;
break;
}
}

if(!itemchecked) {
errors+='Por favor seleccione una opción para el campo '+el[i].name+'\n'; if(el[i].focus)
el[i].focus();
alert(errors);
return false;
}
}
}

KarlanKas · #10 (**permalink**) 09/06/2004, 11:00

Y se da cuenta el visitante de que falta por responder un radiobutton?

andinistas · #11 (**permalink**) 09/06/2004, 11:01

pues claro y le hace el focus y todo.

KarlanKas · #12 (**permalink**) 09/06/2004, 11:04

Y a cual llevas el foco? al sí o al no? No crees que con eso estás dirigiendo su respuesta...?

andinistas · #13 (**permalink**) 09/06/2004, 11:10

por defecto al si, pero no se chequea ahi el usuario verá si contesta Si o NO

KarlanKas · #14 (**permalink**) 09/06/2004, 11:14

Si es un formulario que solo pregunta sí o no, yo creo que se dará cuenta de cual es la pregunta que le falta por responder, no?

andinistas · #15 (**permalink**) 09/06/2004, 11:18

si pero como es bien grande el formulario que tengo se perdería, suponte que estas listo a darle clic al boton enviar y te salga eso de que te falta un campo y no te diga cual es? si me entiendes que no le haga foco para indicarle cual es??

tunait · #16 (**permalink**) 09/06/2004, 11:34

¿yá probaste así?

// Pregunta 1
if(!(document.forms[0].pregunta1[0].checked ||document.forms[0].pregunta1[1].checked)){
alert("¿Conoce Ud la utilidad Fdisk?");
document.forms[0].pregunta1[0].focus();
return false;
}

andinistas · #17 (**permalink**) 09/06/2004, 15:17

Si sirvio muchas gracias. si sé puede hacer el focus en un radio button (KarlanKas)

wolf777 · #18 (**permalink**) 09/06/2004, 15:30

screen(100,100); no te queda mas

KarlanKas · #19 (**permalink**) 09/06/2004, 15:42

Muchas gracias andinistas por tu ayuda. Realmente me va a venir muy bien esto que me has descubierto. Espero poder volver a contar contigo si tengo un problema de ese tipo.

Muchas gracias!!

andinistas · #20 (**permalink**) 09/06/2004, 17:04

Ok, mi avatar lo dice todo