JQuery - Validar campos visualmente

   
Vista:

Validar campos visualmente

Publicado por Orion (2 intervenciones) el 05/10/2017 22:50:53
Buenas tardes,

Mi formulario lo valido a través de jQuery Validate...Pero unicamente me salen mensajes cuando doy al boton "registrarme" y hay campos que no se han rellenado correctamente.

Como lo tengo en responsive, al empequeñecer la pantalla, los mensajes de validacion no se ven. La unica opcion que se me ocurre es que los bordes de los registros cuando esten incorrectos aparezcan en color rojo, para que si estamos con pantalla pequeña veamos cuales son los registros incorrectos.

¿Alguna manera de hacerlo?

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de santi

Validar campos visualmente

Publicado por santi (45 intervenciones) el 24/10/2017 18:08:32
Hola,

puedes validarlos antes de enviar el formulario con blur:

1
2
3
4
5
6
7
8
9
10
jQuery(document).ready(function($) {
	var input = $('input');
	input.blur(function(){
		if($(this).val() == '')//si al salir del input está vacío
                {
                   $(this).css('border-color', 'red');
                   return false;//no enviamos el form
                }
	});
});

espero que te sirva ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Validar campos visualmente

Publicado por Orion (2 intervenciones) el 24/10/2017 18:12:06
Gracias Santi!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad