6

個々のフィールド メッセージではなく、フォームの上に単一のエラー メッセージを表示する方法を考えていました。このフォームのようにhttp://jquery.bassistance.de/validate/demo/marketo/step2.htm

ハンドルと関係があることは知っていますが、ハンドルをどこにどのように配置するかが正確にはわかりません

    <script>
    $(document).ready(function(){
    $("#valform").validate();
    });
    </script>

これは、すべてのデフォルトの検証を使用するコードです

4

1 に答える 1

3

invalidHandlerこの機能に使用する必要があります。このようなことをする必要があります：

$("#myform").validate({
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();

        if (errors) {
            $("#error-message").show().text("You missed " + errors + " field(s)");
        } else {
            $("#error-message").hide();
        }
    }
});

例: http://jsfiddle.net/KheRr/1/

""デフォルトのエラー メッセージを非表示にする場合は、フィールドと検証タイプのエラー メッセージとして次を指定する必要があります。

$("#myform").validate({
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();

        if (errors) {
            $("#error-message").show().text("You missed " + errors + " field(s)");
        } else {
            $("#error-message").hide();
        }
    },
    messages: {
        field1: {
            required: "" // You'll have to do this for each field and validation type.
        }
    }
});

例: http://jsfiddle.net/KheRr/2/

于 2012-07-30T02:34:42.260 に答える