表單頂部的Jquery.Validate錯誤消息

Question

我想知道如何在表單上方顯示單個錯誤消息而不是單個字段消息。 像這樣的表格有http://jquery.bassistance.de/validate/demo/marketo/step2.htm

我知道它與手柄有關但不完全確定如何或在何處放置它們

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

這是我使用的所有默認驗證的代碼

Answer 1

您應該使用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/