2008-11-21 19 views
11

Quiero que mis errores floten arriba, justificado a la izquierda, el campo de entrada que no valida. ¿Cómo puedo hacer esto?jQuery Validation: ¿Cómo no mostrar los errores? O ¿Cómo se muestran los errores como información sobre herramientas?

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 ...

Respuesta

14

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

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

y CSS para estilizar el error (en su hoja de estilo, o para 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; 
} 
+2

Para el bit jQuery: debe usar insertBefore() en lugar de before(). ¡Gracias! – neezer

Cuestiones relacionadas