javascript - jQuery 验证 addMethod 检查 field1 < field2 是否有效

Question

我正在使用 jQuery 验证来验证这样的表单:

IdFrom ________ IdTo ______________

我正在执行的检查是:

ID来自:

• 必须是数字

• 如果输入 IdTo，则为必填项

• 如果输入了 IdTo，则应为

IdTo:

• 必须是数字

我的代码:

              jQuery.validator.addMethod("fromLessThanTo", function(value, element){
                      if(($("#IdTo").val().length <= 0))
                              return true;
                    return($("#IdTo").val() > $("#IdFrom").val());
              }, "From value cannot be greater than the To value"); 

              $("#IdFrom").rules('add', {
                    digits : true,
                    required : {                    
                            depends: function(element){
                                    return($("#IdTo").val() > 0);
                            },
                    fromLessThanTo : true 
                    },        
                    messages:         {
                            digits: "Please enter a positive number",
                            required: "Please enter the Id From" 
                    }        
              });

              $("#IdTo").rules('add', {
                    digits : true,
                    messages:         {
                            digits: "Please enter a positive number"                       
                            }   

该代码无法检查 From < To。非常感谢您了解为什么会发生这种情况。谢谢!

Answer 1

尝试修复所有语法错误...

$("#IdFrom").rules('add', {
    digits: true,
    required: {                    
        depends: function(element){
            return($("#IdTo").val() > 0);
        },                  // <- superfluous comma
                            // <- missing a },
    fromLessThanTo: true    // <- missing a comma
    },                      // <- remove this }, 
    messages: {
        digits: "Please enter a positive number",
        required: "Please enter the Id From"
    }        
});

$("#IdTo").rules('add', {
    digits: true,
    messages: {
        digits: "Please enter a positive number"                       
    }
                            // <- missing a });

所以它最终看起来像这样......

$("#IdFrom").rules('add', {
    digits: true,
    required: {                    
        depends: function(element) {
            return($("#IdTo").val() > 0);
        }
    },
    fromLessThanTo: true,
    messages: {
        digits: "Please enter a positive number",
        required: "Please enter the Id From"
    }        
});

$("#IdTo").rules('add', {
    digits: true,
    messages: {
        digits: "Please enter a positive number"                       
    }
});