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 options，了解如何修改错误消息的呈现方式。最有可能的是，您只需要提供一个具有适当CSS的错误类来增加错误消息的z-index。如果这不起作用，验证插件会有一个errorPlacement回调，您可以使用它来将错误消息放在何处以及如何放置。

jQuery验证错误位置

2 个答案: