-3

これは私の問題の完全な原因です。errorContainer 内のエラー メッセージと要素のリストを表示できません。つまり、Address1 と Address2 を完了していない場合、errorContainer 内でこれを述べるのに苦労していますか? これは可能ですか？どうもありがとう、ジェームズ

    $(function () {
        var validator = $("#mytestform").validate({
            rules: {
                "data.Telephone": { number: true },
                "data.Mobile": { number: true },
                "data.Address1": { number: true },
                "data.Address2": { number: true }
            }, 
            messages: {
                "data.Telephone": "Please enter telephone number",
                "data.Mobile": "Please enter mobile number",
                "data.Address1": "Please enter address 1",
                "data.Address2": "Please enter address 2"
            },
            errorContainer: $('#errorContainer'),
            invalidHandler: function () {
                $("#errorContainer").addClass(' error').text(validator.numberOfInvalids() + " field(s) are invalid");
            }
        });
    });

</script>

<style type="text/css">
    label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
</style>

</head>

<body>
<form id="mytestform" method="get">

    <input name="data.Telephone" id="data.Telephone" class="required" />
    <br/>
    <input name="data.Mobile" id="data.Mobile" class="required" />
    <br/>
    <input name="data.Address1" id="data.Address1" class="required" />
    <br/>
    <input name="data.Address2" id="data.Address2" class="required" />
    <br/>
    <input type="submit" value="GO"/>

    <br/><br/>

    <div id="errorContainer">

    </div>

</form>

4

1 に答える 1

0

これが解決策です。

invalidHandler: function () {
        $('#errorContainer').html('<ul>').addClass('errorContainer');
        for (var i = 0; i < validator.errorList.length; i++) {
            $('#errorContainer').append('<li>' + validator.errorList[i].message + '</li>');
        }
        $('#errorContainer').appendTo('</ul>');
    },
于 2013-06-17T08:13:26.327 に答える