Formularios validación jQuery

por | septiembre 11, 2019
  <div class="CONTENEDOR" >	
		 
	 
			<div class="cajaBlanca">
				<h3 class="floatRight alinearRight">XXXXXX</h3>
				 		<div class="clearBoth"></div> 
			</div>
			<div class="cajaBlanca  "> 
			  <h2 class="full-width">Formulario de solicitud XXXXX</h2>
			<div class="col-md-10 col-md-offset-1">
				
				<form action="generapdf.asp" name="FormMentores" method="post"  class="validar_form" >
			 
 	
		 
		<div class="form-group row  ">	 
			<div class="col-xs-12 col-md-6 form-group"><label    class="form-check-label">(1) <input class="form-check-input validar_Fila1" id="input1"   type="radio" name="FilaA11" value="11"   >  .. Experiencia 	</label></div>
			<div class="col-xs-12 col-md-6 form-group"><label    class="form-check-label" >		 <input class="form-check-input validar_Fila1"   id="input2" type="radio" name="FilaA11" value="12"   >  ... Experiencia	</label>	 </div>
		</div>
		<div class="form-group row">
			<div class="col-xs-6 form-group">						 <label for="input3"> Nombre</label>	 <input id="nombre" class="form-control" name="vuNombre" type="text" value=""> </div>
			<div class="col-xs-6 form-group">						<label for="input4"> Apellidos</label>	 <input id="apellidos" class="form-control" name="vuApellidos" type="text" value=""> 	</div>
			<div class="col-xs-6 form-group">			 <label for="">E-mail</label>				 <input id="email" class="form-control" name="Email" type="text" value=""> </div>
			<div class="col-xs-6 form-group">			 <label for="">Teléfono</label>				 <input id="movil" class="form-control" name="Movil" type="text" value="">  </div>
		</div>
		<div class="form-group row ">
				<div class="col-sm-12"><H4>(2) Experi....:</H4></div>
				<div class="col-md-4 col-xs-12">
					<div class="form-check"> <label class="form-check-label"><input class="form-check-input validar_Fila5" type="radio" name="Fila5" value="1" > Más de 15 años</label></div></div>
				<div class="col-md-4 col-xs-12">
					<div class="form-check"> <label class="form-check-label"> <input class="form-check-input validar_Fila5" type="radio" name="Fila5" value="2" > De 10 a 15 años</label></div></div>					
				<div class="col-md-4 col-xs-12">
					<div class="form-check"> <label class="form-check-label"> <input class="form-check-input validar_Fila5" type="radio" name="Fila5" value="3" > De 5 a 10 años</label></div></div>	
		</div>
		<div class="form-group row ">
				<div class="col-sm-12"><H4>(3) Especi.....:</H4></div>
				<div class="col-md-6 col-xs-12">
					<div class="form-check"> <label class="form-check-label"><input class="form-check-input validar_Fila6" type="checkbox" name="Fila61" value="1" > Proyec....</label></div></div>
				<div class="col-md-6 col-xs-12">
					<div class="form-check"> <label class="form-check-label"> <input class="form-check-input validar_Fila6" type="checkbox" name="Fila62" value="2" > Direcc...</label></div></div>
				<div class="col-md-6 col-xs-12">
					<div class="form-check"> <label class="form-check-label"> <input class="form-check-input validar_Fila6" type="checkbox" name="Fila63" value="3" > Seguri...</label></div></div>	
				<div class="col-md-6 col-xs-12">
					<div class="form-check"> <label class="form-check-label"> <input class="form-check-input validar_Fila6" type="checkbox" name="Fila64" value="4" > Perita...</label></div></div>	
		</div>
		<div class="form-group row ">
				<div class="col-sm-12"><H4>(4) Espe.....:</H4></div>
				<div class="col-md-6 col-xs-12">
					<div class="form-check"> <label class="form-check-label"><input class="form-check-input validar_Fila7" type="checkbox" name="Fila71" value="1" > Gestión....</label></div></div>
				<div class="col-md-6 col-xs-12">
					<div class="form-check"> <label class="form-check-label"> <input class="form-check-input validar_Fila7" type="checkbox"  name="Fila72" value="2" > Tramit....</label></div></div>			
		</div> 
		<div class="form-group row ">
				<div class="col-sm-12"><H4>(5) Otros datos de interés:</H4></div>
				<div class="col-xs-12">  
					<textarea name="observaciones" style="width:100%; height:200px;"></textarea>
				</div> 	
		</div> 			
		<div class="form-group row ">	 <div class="col-xs-12  ">
					<label    class="form-check-label"><input class="form-check-input validar_otros" id="input1"   type="checkbox" name="Fila9" value="1"  > 
										En cumplimiento de la normativa europea de protección de datos RGPD (UE 2016/679) y la LOPD, le informamos que sus datos personales serían
					objeto de tratamiento por parte del responsable del tratamiento, xxxxx, con la finalidad de formar parte de xxx. Sus datos personales facilitados por
					Ud., estarán a disposición del xxxx. Ud. puede ejercitar sus derechos de acceso, rectificación, supresión,
					limitación, portabilidad y oposición por correo electrónico a xxxxx o dirigiendose por escrito a xxxxxx</label>
		</div></div>				
 	<div class="form-group row"> 	 <input type="submit" class="btn btn-primary btn-lg  center-block" value="Generar Formulario"> Una vez generado el formulario remitir  
		 </div> 
				</form>
				 		
			  	</div>  	<div class="clearBoth"></div> 		
				</div>

 
		 
		<div class="clearBoth"></div>
    </div>  

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>	
<script type="text/javascript"> 
  $(".validar_form").submit(function () {
   
   var check1 = $(".validar_Fila1:checked").length;
   var check5 = $(".validar_Fila5:checked").length;   // radio button
   var check6 = $(".validar_Fila6:checked").length;
   var check7 = $(".validar_Fila7:checked").length;
   var otros = $(".validar_otros:checked").length;
   
    if (check1 == "") {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Seleccione al menos una opción del punto (1)Mentores Experiencia/Mentores Digitales ');
        return false;
     }if (!$("#nombre").val()) {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Debe rellenar el campo nombre ');
        return false;
    }if (!$("#apellidos").val()) {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Debe rellenar el campo apellidos ');
        return false;
    }if (!$("#email").val()) {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Debe rellenar el campo email ');
        return false;
    }if (!$("#movil").val()) {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Debe rellenar el campo telefono ');
        return false;
    }if (check5 == "") {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Seleccione al menos una opción del punto (2) Experiencia Empresarial y/o Profesional');
        return false;
	}if (check6 == "") {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Seleccione al menos una opción del punto (3) Especialidad / Área Funcional (Mentores Experiencia)');
        return false;
	}if (check7 == "") {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Seleccione al menos una opción del punto (4) Especialidad / Área Funcional (Mentores Digitales)');
        return false;
    }else if  (otros == "") {
        $('.error1').text("Seleccione al menos un checkbox");
		 alert('Es obligatorio chequear la normativa de protección de datos ');
        return false;
    }else {
      // $('.errors').hide();
      // alert('Ok!');
        return true;
    }
});
</script>
Print Friendly, PDF & Email

Un pensamiento en “Formularios validación jQuery

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *