jQuery验证错误位置

Question

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

我需要基于流"div"的解决方案,其中z-index和错误消息显示在页面上和输入字段附近.

谢谢

Answer 1

例:

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

}

你需要设置div的样式.

请回复你的div造型,因为我也希望这样做,但我的CSS技能仍然缺乏= P.

Answer 2

查看errorClass,errorElement,wrapper和errorLabelContainer 选项,了解如何修改错误消息的呈现方式.最有可能的是,您只需要提供一个具有适当CSS的错误类来增加错误消息的z-index.如果这不起作用,验证插件会有一个errorPlacement回调,您可以使用它来将错误消息放在何处以及如何放置.