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

use the errorLabelContainer setting, which works nicely with the wrapper setting also

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

make sure you have the corresponding html

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