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回調，您可以使用它來將錯誤消息放在何處以及如何放置。