Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/03/2014, 13:09
mensajeescrito
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años
Puntos: 5
Validacion de formulario

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:
Ver original
  1. <form id="formContratar" method="post" action="contacto.php" onsubmit="return Validar(this);">
  2.  
  3.  
  4.      <input id="edad" name="edad" type="radio"  value="Mayor" <?php if (isset($edad) && $edad=="mayor") echo "checked";?> > Mayor
  5.                                                
  6.      <input id="edadMenor" name="edad" type="radio" value="Menor" <?php if (isset($edad) && $edad=="menor") echo "checked";?> > Menor
  7.  
  8.      <br><br>
  9.  
  10.  
  11.  
  12.      <input id="nombre" name="nombre" type="text" value="Nombre Completo" size="43" maxlength="100" autocomplete="on" class="inputstyle"
  13.    
  14.     onFocus="if(this.value == 'Nombre Completo') {this.value = '';}"
  15.                        
  16.     onBlur="if (this.value == '') {this.value = 'Nombre Completo';}"/>  
  17.    
  18.     <br><br>
  19.  
  20.  
  21.     <input type="submit" name="submit" value="Enviar" /><br>
  22.  
  23.      
  24. </form>



y el javascript que valida:

Código Javascript:
Ver original
  1. function Validar(f) {
  2.  
  3.     <!--EDAD------------------------------------------------------------------->
  4.  
  5.     if(f.edadMenor.value=="Menor") {
  6.         alert("Debe ser mayor de edad para contratar");
  7.         f.edadMenor.focus();
  8.         return false;
  9.         }
  10.  
  11.  
  12.  
  13.     <!--NOMBRE COMPLETO---------------------------------------------------------->
  14.        
  15.     if(f.nombre.value=="" || f.nombre.value=="Nombre Completo") {
  16.         alert("Por favor escriba su Nombre completo");
  17.         f.nombre.focus();
  18.         return false;
  19.         }
  20.  
  21.  
  22. }


Gracias de antemano.