JQuery - Alerta en el registro al validar los campos

 
Vista:
sin imagen de perfil
Val: 1
Ha aumentado su posición en 7 puestos en JQuery (en relación al último mes)
Gráfica de JQuery

Alerta en el registro al validar los campos

Publicado por Ramón (1 intervención) el 04/05/2019 16:43:30
Hola,
Estoy intentando darle un poco de estilo al formulario de registro de mi proyecto y por ello me gustaría incorporar el sistema de alertas de Bootstrap y que cuando se incumpla alguna de las condiciones establecidas en la validación de los diferentes campos salga una alerta. Como se puede ver en la imagen la alerta me sale desplazada y me descoloca los campos del formulario.

2019-05-01_11-39-17-6925cab421f0776cfe91bc8f7526cb32
Me guastaría que la alerta saliera debajo del campo en el que se ha incumplido la regla de validación pero no lo he conseguido. He intentado poner un
1
<br>
y/o
1
\n
en varias posiciones en el código que tengo pero sin conseguir que me funcione bien.
El código js es este:
1
2
3
4
5
6
7
8
/* VALIDAR NOMBRE */
if(nombre != ""){
var expresion = /^[a-zA-ZñÑáéíóúÁÉÍÓÚ ]+$/;
if(!expresion.test(nombre)){
document.querySelector("label[for='nombreRegistro']").innerHTML += '<div class="alert alert-danger">No se permiten caracteres especiales en el nombre.</div>';
return false;
}
}
Cómo podría solucionarlo?.
Gracias. Un saludo
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