jQuery验证错误位置

Question

在jQuery.validate的jQuery错误指示显示输入字段附近，如果此消息显示我们的布局崩溃。

我需要基于流“div”的解决方案，z-index和错误消息显示在页面上方和输入字段附近。

感谢

Answer 1

看那errorClass，errorElement，包装和errorLabelContainer options看看如何修改错误信息的呈现方式。最有可能的是，您只需提供具有适当CSS的错误类以增加错误消息的z-index。如果这不起作用，验证插件会有一个errorPlacement回调函数，您可以使用该回调函数将错误消息放置在您想要的位置和方式。

Answer 2

例子：

$(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 */ 

}

您需要的样式股利。

，因为我要做到这一点很好，但我的CSS的skillz仍然缺乏= P