jQuery validación error posición

Question

En jQuery indicación de error de jQuery.validate mostrar cerca del campo de entrada y si este mensaje muestra nuestro diseño se colgó.

Necesito la solución basada en el flujo "div" con el índice zy el mensaje de error se muestran en la página y cerca del campo de entrada.

Gracias

Answer 1

mira el errorClass, errorElement, envoltura, y errorLabelContainer options para ver cómo modificar cómo se procesa el mensaje de error. Lo más probable es que solo deba proporcionar una clase de error que tenga el CSS adecuado para aumentar el índice Z del mensaje de error. Si eso no funciona, el complemento de validación tiene una devolución de llamada de errorPlacement que puede usar para colocar el mensaje de error donde y cómo desea.

Answer 2

Ejemplo:

$(document).ready(function(){ 
     $("#page1Form").validate({ 
      rules: { 
       "field1": { 
        required: true, 
        digits: true 
       }, 
       "field2": { 
        required: true 
       } 
      }, 
      errorElement: "div" // This is to override the label w/ a div 
     });      
    }); 

CSS:

div.error { 
/* Your CSS Code Here */ 

}

Será necesario que el estilo de la div.

Por favor, puesto que volver div estilo como yo estoy buscando para hacer esto también, pero mis Skillz CSS aún faltan = P