1

如何在一个单独的元素（例如：）中显示所有验证错误，div而不是使用附加到每个元素的标签？

目前我有以下代码将所有错误绑定到div表单下方的另一个元素。

$('#myForm').validate({
        rules:{
            txtName:{
                required:true,
                minlength:5,
                maxlength:100
            },
            selGroups:{
                required:true
            },
            txtDate:{
                required:true
            }
        },
        submitHandler:function () {
            return false;
        },
        messages:{
            txtHolidayName:"Please enter the Name (5 - 100 chars)",
            selGroups:"Please select the Group",
            txtHolidayDate:"Please select the date"
        },
        errorPlacement:function (error, element) {
            error.appendTo($('#errorContainer'));
        },
        invalidHandler:function (form, validator) {
            var errors = validator.numberOfInvalids();
            if (errors)
                $('#errorContainer').fadeIn();
        }
    });

我已经部分实现了这一点，但是在div所有验证成功后隐藏包含所有错误的元素时遇到了麻烦。有人可以帮我解决这个问题吗？

4

1 回答 1

2

使用errorLabelContainer设置，它也可以很好地与 wrapper 设置一起使用

$("form").validate({
errorLabelContainer: "#messageBox",
wrapper: "li",
});

确保你有相应的html

<ul id="messageBox"></ul>
<form>
 <input name="fname" id="fname" class="required">
 <input type="submit" />
</form>
于 2013-02-21T12:28:06.590 回答