在jQuery Validate中創建自定義規則

Question

我想為jQuery驗證添加一個自定義規則，雖然我已經檢查了文檔，但我還是無法找到如何執行此操作。

我想循環一組隱藏的表單字段。 如果fields值為“X”，那么我想在字段中附加一個錯誤類。

基本上就是這樣，但作為規則添加到jQuery驗證。

$(".myHiddenField").each( function() {
   if($(this).val() == "x") {
    $(this).closest(".foo").appendClass("error");
   }
});

Answer 1

你可以使用addMethod()

$.validator.addMethod('yourRuleName', function (value, element, param) {
    //Your Validation Here

    return isValid; // return bool here if valid or not.
}, 'Your error message!');


$('#myform').validate({
    rules: {
        field1: {
            yourRuleName: true
        }
    }
});

Answer 2

如果要在不添加實際規則的情況下顯示某些自定義錯誤消息，則可以使用showErrors（）方法，但如果您正在處理隱藏字段，則可能無法正常工作

var validator = $( "<form-selector>" ).validate();

var errors = {};
$(".myHiddenField").each( function() {
    var $this = $(this);
    if($this.val() == "x") {
        errors[$this.attr('name')] = 'Some error message';
    }
});

validator.showErrors(errors);

Answer 3

$.validator.addMethod("NOTx", function(element,value) {
    return  value != "x";
}, 'warning word"!');