Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

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
<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
0
Resp
235
Visitas
Por alber hace 3 meses
Administrador offline Sitio web

Relaccionados

Para comentar Inicia sesión o Registrate