如何使用 addClassRules 顯示帶有 jQ​​uery 規則驗證的自定義消息

Question

當我使用 addClassRules 時，如何使用 jQuery 顯示自定義消息？ 這是我的代碼：-

jQuery.validator.addClassRules({
    land_workshop_covered_area :
    {
        required : true,
        number: true,
        min : 0.01,
        dollarsscents : true
    },
    land_workshop_trade :
    {
        required : true
    }
});

Answer 1

我找到了。 我們需要為字段創建方法：-

// 為車間覆蓋區域設置自定義消息

jQuery.validator.addMethod("wcaRequired", jQuery.validator.methods.required,"Please enter workshop covered area");

// 為車間交易設置自定義消息

jQuery.validator.addMethod("wcatRequired", jQuery.validator.methods.required,"Please select any trade");

之后調用上述方法而不是必需的：-

jQuery.validator.addClassRules({
        land_workshop_covered_area :
        {
            wcaRequired : true,
            number: true,
            min : 0.01,
            dollarsscents : true
        },
        land_workshop_trade :
        {
            wcatRequired : true
        }
});

Answer 2

下面一個對我有用，在github 問題跟蹤器中提到：

$.validator.addClassRules = function (className, rules) {

    if (className.constructor === String) {
        var obj = {};
        obj[className] = rules;
        className = obj;
    }

    $.each(className, function (n, r) {
        $("." + n).each(function (i, e) {
            var self = $(e)
            self.rules('add', r);
        });
    });

}

用法：

$.validator.addClassRules({
    'firstname': {
        required: true,
        messages: {
            required: "First name is required"
        }
    }
});