Validar un campo radio...

[easy]

Amigos como hacer para que un campo radio sea validado y no esté vació al proseguir a la siguiente fase??

tengo esto:

Código HTML:

<script type="text/JavaScript">
<!--
function pregunta(){
    //valido el nombre
	if (document.form1.name.value.length==0){
       alert("Ingresa tu nombre")
       document.form1.name.focus()
       return false;
    }
	if (document.form1.lastname.value.length==0){
       alert("Ingresa tu apellido")
       document.form1.lastname.focus()
       return false;
    }
	return true;
}
//-->
</script> 

estos son para campos normales pero para un boton de radio???

Gracias


recien hice esto pero no me sale:

Código HTML:

<script type="text/JavaScript">
<!--
function pregunta(){
    //valido el nombre
	x=document.form2.item("offer",0);
	if((x.checked))
	return true;
	else alert("selecciona una opcion")
	return false;
    }
	if (document.form1.lastname.value.length==0){
       alert("Ingresa tu apellido")
       document.form1.lastname.focus()
       return false;
    }
	return true;
}
//-->
</script> 

que podria hacer entonces??

[amanbur]

if(document.form1.name.checked){
....
}

Creo que así compruebas que lo hayan pulsado

[easy]

nada, ni siquiera me menciona que debo seleccionar un campo!!!!

que hago entonces??

[David]

Si es un grupo de radios con el mismo nombre puedes obtener el value con esta función:
http://tinyurl.com/mpavnn
Si no devuelve ningún valor significa que ningún radio está seleccionado.

[easy]

Iniciado por David

Si es un grupo de radios con el mismo nombre puedes obtener el value con esta función:
http://www.forosdelweb.com/wiki/Javascript:%C2%C3%B3mo_puedo_conocer_el_valor_del_ radiobutton_seleccionado%3F
Si no devuelve ningún valor significa que ningún radio está seleccionado.

El vinculo que me has enviado no existe da ERROR,

me podrias explicar como hacerlo??

lo que tengo es varios botones radio y un campo email, pero debo continuar si algun radio esta seleccionado y el email tambien

[David]

Ya está corregido el enlace.

[easy]

Iniciado por David

Ya está corregido el enlace.

Perfecto gracias lo estoy viendo, pero no se como ponerlo soy muy torpe con javascript.

me podrias ayudar??

tengo lo siguiente??

Código HTML:

<script type="text/JavaScript">
<!--
function pregunta(){
    //valido el nombre
	function radiovalue(radios) {
    for (i = 0; radio = radios[i]; i++) {
        if (radio.checked) {
            return radio.value;
        }
    }
}
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
    }
	return true;
}
//-->
</script> 

Código HTML:

<label>
                    <input type="radio" name="oferta" value="1" />
                    </label>
                    <span>1 vino</span>
                    <br />
                    <label>
                    <input type="radio" name="oferta" value="2" />
                    </label>
                    <span>2 vinos</span>
					<br />
                    <label>
                    <input type="radio" name="oferta" value="3" />
                    </label>
                    <span>3 vinos</span>
					<br />
                    <label>
                    <input type="radio" name="oferta" value="4" />
                    </label>
                    <span>4 vinos</span>
					<br />
                    <label>
                    <input type="radio" name="oferta" value="5" />
                    </label>
                    <span>5 vinos</span>

Ingresa tu email:
<label>
                    <input name="email" type="text" class="formstyle3" size="40" maxlength="200" /> 

que estoy haciendo mal??, estoy aprendiendo y por ello me gustaria saber como implementarlo, gracias

no quiero conocer el valor escogido sino que no pase a la siguiente fase sin haber seleccionado alguna oferta

[David]

No coloques la función radiovalue() dentro de la función pregunta().

Y, a la hora de validar, sólo tienes que llamar a la función pasándole como parámetro el grupo de radios:

Código Javascript:

if (!radiovalue(document.form2.oferta)) {
    /* Debe seleccionar una opción */
}
 

[easy]

Iniciado por David

No coloques la función radiovalue() dentro de la función pregunta().

Y, a la hora de validar, sólo tienes que llamar a la función pasándole como parámetro el grupo de radios:

Código Javascript:

if (!radiovalue(document.form2.oferta)) {
    /* Debe seleccionar una opción */
}
 

ahhhh???

osea que no debo ponerla en la funcion pregunta?? entonces donde y como???

[David]

Código Javascript:

function pregunta() {
 /* ... */
}
function radiovalue() {
 /* ... */
}
 

[easy]

hice esto?? pero nada

Código HTML:

<script type="text/JavaScript">
<!--
function pregunta(){
    //valido el nombre
	if (!radiovalue(document.form2.oferta)) {
    alert("Debe seleccionar una opción")
}
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
    }
	return true;
}
//-->
</script> 

[David]

¿Ya copiaste la función radiovalue() donde corresponde?

[easy]

Iniciado por David

Código Javascript:

function pregunta() {
 /* ... */
}
function radiovalue() {
 /* ... */
}
 

mira hice esto, pero nada de nada, me podrias explicar como hacerlo y que estaba haciendo mal, para asi aprender porfi :

Código HTML:

<script type="text/JavaScript">
<!--
function pregunta() {
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
    }
	return true;
}
//-->
</script>
<script type="text/JavaScript">
<!--
function radiovalue() {
	if (!radiovalue(document.form2.oferta)) {
	alert("Por favor elige una oferta")
    }
}
//-->
</script> 

pero en el campo del boton enviar, puse:

Código HTML:

 onclick="return pregunta()"

donde pongo para que llame la funcion radiovalue()???

ruego me ayudes porfa

[David]

La función radiovalue() la debes copiar tal cual.

¿Dónde llamar a la función radiovalue()? Pues donde quieras hacer la validación (dentro de la función pregunta())

[easy]

Iniciado por David

La función radiovalue() la debes copiar tal cual.

¿Dónde llamar a la función radiovalue()? Pues donde quieras hacer la validación (dentro de la función pregunta())

Gracias por ayudarme, pero no se como proceder, lamento mi ignorancia en el tema, pero de verdad me gustaria aprenderlo

[easy]

hice esto pero tampoco:

Código HTML:

<script type="text/JavaScript">
<!--
function pregunta() {
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
    }
	function radiovalue() {
	if (!radiovalue(document.form2.oferta)) {
    /* Debe seleccionar una opción */
}
}
	return true;
}
//-->
</script> 

[David]

Para aprender desde el inicio, lo mejor que puedes hacer es leer un manual. Ya, cuando tengas otras dudas más específicas no dudes en preguntar.

La lógica es así:

Código Javascript:

function radiovalue() {
    /* Tal y como está */
}
function preguntar() {
    /* Aquí quiero validar, entonces aquí voy a llamar a la función */
    if (!radiovalue(...)) {
        /* Debe seleccionar una opción */
    }
}
 

[easy]

Iniciado por David

Para aprender desde el inicio, lo mejor que puedes hacer es leer un manual. Ya, cuando tengas otras dudas más específicas no dudes en preguntar.

La lógica es así:

Código Javascript:

function radiovalue() {
    /* Tal y como está */
}
function preguntar() {
    /* Aquí quiero validar, entonces aquí voy a llamar a la función */
    if (!radiovalue(...)) {
        /* Debe seleccionar una opción */
    }
}
 

Lo siento no se si sea el desespero o que no te entiendo hice esto y tampoco

Código HTML:

<script type="text/JavaScript">
<!--
function radiovalue() {
    /* Tal y como está */
}
function pregunta() {
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
    }
	if (!radiovalue(document.form2.oferta)) {
    /* Debe seleccionar una opción */
}
	return true;
}
//-->
</script> 

[David]

No copiaste el contenido de la función radiovalue().

Lo que está entre /* */ son comentarios que debes reemplazar con código.

[easy]

Iniciado por David

No copiaste el contenido de la función radiovalue().

Lo que está entre /* */ son comentarios que debes reemplazar con código.

Así???

Código HTML:

<script type="text/JavaScript">
<!--
function radiovalue() {
    if (!radiovalue(document.form2.oferta)) {
    alert("elige una opcion")
}
function pregunta() {
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
    }
	if (!radiovalue(document.form2.oferta)) {
    alert("elige una opcion")
}
	return true;
}
}
//-->
</script> 

[David]

Lee detenidamente el ejemplo del enlace que te puse. El contenido de la función radiovalue() NO lo debes modificar (debes copiarlo tal cual está en el enlace)

[easy]

Iniciado por David

Lee detenidamente el ejemplo del enlace que te puse. El contenido de la función radiovalue() NO lo debes modificar (debes copiarlo tal cual está en el enlace)

lo siento pero mi ignorancia va mas allá, no te entiendo y no se que hacer.

desafortunadamente leo y releo y no se que hacer ,

si me lo pudieras mostrar te lo agradeceria,

[David]

Código Javascript:

function radiovalue(radios) {
    for (i = 0; radio = radios[i]; i++) {
        if (radio.checked) {
            return radio.value;
        }
    }
}
 

Como te comenté; lo mejor es que leas un buen manual de Javascript, de lo contrario difícilmente vas a lograr hacer lo que deseas.

[easy]

Iniciado por David

Código Javascript:

function radiovalue(radios) {
    for (i = 0; radio = radios[i]; i++) {
        if (radio.checked) {
            return radio.value;
        }
    }
}
 

Como te comenté; lo mejor es que leas un buen manual de Javascript, de lo contrario difícilmente vas a lograr hacer lo que deseas.

Muchiiismiiimas gracias mira lo que hice y funcina ala perfección:

Código HTML:

<script type="text/JavaScript">
<!--
function radiovalue(radios) {
    for (i = 0; radio = radios[i]; i++) {
        if (radio.checked) {
            return radio.value;
        }
    }
}
function pregunta() {
	if (!radiovalue(document.form2.oferta)) {
    alert("selecciona una oferta")
	return false;
}
	if (document.form2.email.value.length==0){
       alert("Please enter your Email")
       document.form2.email.focus()
       return false;
}
	return true;
}
//-->
</script> 

Osea que, si es lo que he entendido:

Código HTML:

// valido a los radio
function radiovalue(radios) {
    for (i = 0; radio = radios[i]; i++) {
        if (radio.checked) {
            return radio.value;
        }
    }
}
// miro si estan seleccionados para continuar y si no, hago un llamado
function pregunta() {
	if (!radiovalue(document.form2.oferta)) {
    alert("selecciona una oferta")
	return false;
}
// el resto lo valido llamando a la funcion pregunta desde el boton enviar

estaria bien enfocado???

rogaria me recomendaras un manual de javascript en español, bueno

Por favor te mercees un aplauso
:apla uso:

[David]

Me alegra que lo hayas logrado.

Los tutoriales puedes encontrarlos aquí:
http://www.forosdelweb.com/wiki/Javascript#Tutoriales