validar - Bootstrap 3 forma utilizando etiquetas de error de envoltura de grupo de entrada con Jquery Validate

validar password bootstrap

Question

Usando Bootstrap 3 con un formulario horizontal usando etiquetas de grupo de formulario y grupo de entrada con Jquery-Validate. Cuando Jquery.Validate se ejecuta en busca de errores, agrega un control de error de etiqueta dentro del grupo de entrada.

El problema es que input-group-addon se ajusta a la siguiente línea debajo del campo de formulario cuando Jquery Validate agrega el control de error de etiqueta.

VER: http://www.bootply.com/114554

¿Cómo obtengo que el error de etiqueta permanezca bajo el control de formulario y no ajuste el grupo de entrada-complemento a la siguiente línea?

Sí, soy consciente de esta solución: funciona muy bien, pero aún no alinea la etiqueta de error para form-horizontal: Bootstrap 3 con jQuery Validation Plugin

Answer 1

Doy una solución a esta pregunta para otro usuario, es el mismo problema.

Lo puedes encontrar aquí. Bootstrap-3: Input Group-Addon STRETCHES con jQuery Validation messages.

Answer 2

La forma más sencilla de resolver su problema debería ser colocar su etiqueta de error con la propiedad de posición absoluta en css. En su ejemplo, aquí está el resultado:

.text-danger {
color: #a94442;
position: absolute;
width: 100%;
line-height: 34px;
margin-left: 8px;
}

Answer 3

Lo resolvió de otra manera: http://www.bootply.com/2liEuyqrAb

Tuvo que mover la etiqueta fuera del grupo de entrada. Una vez hecho esto, hizo el comportamiento esperado: forma la etiqueta a la izquierda, de campo a derecha y el error debajo del campo.