form - jquery validation rules

Validación jQuery: ¿Cómo no mostrar errores? O ¿Cómo se muestran los errores como información sobre herramientas?

Question

Quiero que mis errores floten arriba, justificado a la izquierda, el campo de entrada que no valida. ¿Cómo puedo hacer esto?

Si no puedo, ¿cómo puedo desactivar los errores? Todavía quiero que los campos validen (y resaltar el error), pero no para que se muestren los mensajes de error reales. Parece que no puedo encontrar nada en los documentos de jQuery que me permita encenderlos / apagarlos ...

Answer 1

Desea la opción errorPlacement, y quizás errorContainer y errorElement para una mayor personalización.

Ver http://docs.jquery.com/Plugins/Validation/validate#toptions

Answer 2

Utilice la propiedad errorPlacement para su llamada de validación de jQuery, como sugirió J Cooper:

$(...).validate({
    errorPlacement: function(error, element) {
        error.insertBefore(element);
    }
});

Y CSS para diseñar el error (en tu hoja de estilo o en los elementos individuales):

label.error {
    /* Move the error above the input element. */
    position: absolute;
    line-height: 1.5em;
    margin-top: -1.5em;

    background-color: red;
    color: white;
    padding: 0 2px;
}