Validacion de formulario

[mensajeescrito]

Hola buenas, veran tengo un pequeño problema que se me hace grande por que soy novato en javascript, a ver si alguien pudiera ayudarme.

tengo un formulario en la que hay dos campos (para simplificar).

1. uno te pide que marques si eres mayor de edad o no mediante un radio button

2. otro para que escriba el nombre de la persona que rellena el formulario.

cuando el formulario se envia, un codigo javascript indica si el campo "nombre" esta rellenado y si no lo esta le sale un mensaje indicandole que tiene que rellenarlo. Esto lo hace perfectamente.

Pero el campo de si eres mayor de edad o no, no me funciona.

En este campo, si hace click en "soy menor de edad", deberia salirle un mesaje que dijera "debes ser mayor de edad".

Y si hace click en "soy mayor de edad", deberia enviar el formulario a su destino.

este es el codigo.

Código HTML:

<form id="formContratar" method="post" action="contacto.php" onsubmit="return Validar(this);">
 
 
     <input id="edad" name="edad" type="radio"  value="Mayor" <?php if (isset($edad) && $edad=="mayor") echo "checked";?> > Mayor
                                                
     <input id="edadMenor" name="edad" type="radio" value="Menor" <?php if (isset($edad) && $edad=="menor") echo "checked";?> > Menor
 
     <br><br>
 
 
 
     <input id="nombre" name="nombre" type="text" value="Nombre Completo" size="43" maxlength="100" autocomplete="on" class="inputstyle"
    
     onFocus="if(this.value == 'Nombre Completo') {this.value = '';}" 
                        
     onBlur="if (this.value == '') {this.value = 'Nombre Completo';}"/>   
    
    <br><br>
 
 
    <input type="submit" name="submit" value="Enviar" /><br>
 
      
</form>
 

y el javascript que valida:

Código Javascript:

function Validar(f) {
 
    <!--EDAD------------------------------------------------------------------->
 
    if(f.edadMenor.value=="Menor") {
        alert("Debe ser mayor de edad para contratar");
        f.edadMenor.focus();
        return false;
        }
 
 
 
    <!--NOMBRE COMPLETO---------------------------------------------------------->
        
    if(f.nombre.value=="" || f.nombre.value=="Nombre Completo") {
        alert("Por favor escriba su Nombre completo");
        f.nombre.focus();
        return false;
        }
 
 
}
 

Gracias de antemano.

[carbon]

Antes de que sigas con ese código te recomiendo que la validación la hagas en el servidor (sea PHP, Python o cualquier lenguaje que estes usando). Si lo haces desde JS simplemente cambio el código y lo envío sin necesidad de ser menor de edad.

[PHPeros]

La razón es simple, solo llamas a dicha función cuando se hace submit.

[mensajeescrito]

necesito que el usuario seleccione la casilla de soy mayor de edad.

aunque sea mas facil cambiar el codigo y omitir esto , es necesario que lo ponga.
por eso necesito que alguien que sepa. me pueda decir que tengo que rectificar en el codigo este.


esperando ayuda , gracias.

[Alexis88]

Aquí hay un error de lógica, pues el valor del checkbox de id edadMenor está establecido como Menor, de modo que siempre detectarás su valor como tal.

Podrías dejar marcado el primer checkbox por defecto, de este modo, la comprobación sería así:

Código Javascript:

var menor = document.getElementById("edadMenor");
 
if (menor.checked) {
    alert("Debes ser mayor de edad para continuar");
    return false;
}
 

Saludos

[mensajeescrito]

Perfecto!!!, ahora me funciona, no solo me funciona sino que tambien lo he entendido.

Y me servirá para aplicarlo mas adelante tambien.

Gracias fenomeno.


Una pregunta mas.. que me ha sembrado un poco la duda.

el compañero que me escribio antes que tu, me dijo que lo de la validacion lo podia hacer de lado del servidor con php por ejemplo.

y me pregunto ... es menos seguro , o podria fallar o esta menos optimizado si esta validacion se hiciera como la estoy haciendo yo, osea haciendolo con javascript???

[Alexis88]

Lo que dice es cierto, porque cualquier usuario puede desactivar JavaScript de su navegador y con eso, todas las validaciones se van al tacho, algo que no puede ocurrir si validas del lado del servidor. Lo ideal es que lo hagas en ambos lados, pues con respecto al total de usuarios, sólo la minoría sabe que puede saltarse validaciones del lado del cliente, de este modo, abarcas a ambos lados, es decir, del lado del cliente y del servidor y tu aplicación será más segura.

Saludos