Validar todos los campos de un formulario automáticamente
Con el siguiente ejemplo podremos validar todos los campos de un formulario automáticamente sin importar cuantos campos tenga, de esta manera no tendremos que validar uno por uno.
Esto es muy útil para validar formularios complejos con muchos campos y lo conseguimos serializando el form completo.
Vamos con el ejemplo...
HTML
Salu2
Esto es muy útil para validar formularios complejos con muchos campos y lo conseguimos serializando el form completo.
Vamos con el ejemplo...
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <form onsubmit="return validar();" id="formValidar" method="post"> <input type="text" name="campo1" placeholder="Campo 1..."> <br><br> <input type="text" name="campo2" placeholder="Campo 2..."> <br><br> <textarea name="campo3" placeholder="Campo 3..."></textarea> <br><br> <div id="res"></div> <input type="submit" value="Enviar"> </form>JS
<script> function validar(){ //Serializamos todos los campos del form dinámicamente var campos= $('#formValidar').serializeArray(); //Por defecto la validación es 1 var validar=1; //Recorremos todos los campos del formulario $.each(campos, function(index, value) { //Si uno de los valores esta vacio pasamos la validación a 0 if(value.value=='') validar=0; }); //Si la validación es 0 no enviamos el form y mostramos un mensaje if(validar==0){ $('#res').text('Completa todos los campos'); return false; } else { //Si la validación es 1 enviamos el form $('#res').text('Enviando...'); return true; } } </script>Demo
Salu2
0
Puntos
Puntos
2034
Visitas
Visitas
0
Resp
Resp
Por alber hace 87 meses
Administrador