如何使用jQuery验证器来比较两个字段

Question

我想通过比较两个字段来验证2个输入字段，并确保第二个字段大于第一个字段。

我需要添加一个自定义的方法吗？或者我可以在范围方法中使用变量名吗？如果是这样，你能指出我的语法吗？

var validateSection = function (theForm) { 
$(theForm).validate({ 
    rules: { 
     startPoint: { 
      required: true, 
      range: [0, 100] 
     }, 
     endPoint: { 
      required: true, 
      range: [startPoint + 1, 100] //Is this possible if I set the function to run on any change to either field? 
     }, 
} 
}); 

if ($(theForm).valid()) { 
    return true; 
} 
else { 
    return false; 
} 
} 

代码自定义方法：之前，我形成

$.validator.addMethod("endGreaterThanBegin", function(value, element) { 
    return endPoint > startPoint 
}, "* End Point Should be Greater than Start"); 

var validateSection = function (theForm) { 
    $(theForm).validate({ 
     rules: { 
      startPoint: { 
       required: true, 
       range: [0, 100] 
      }, 
      endPoint: { 
       required: true, 
       range: [1, 100], 
       endGreaterThanBegin: true 
      }, 
     } 
    }); 
    if ($(theForm).valid()) { 
     return true; 
    } 
    else { 
     return false; 
    } 
} 

获得$ .validator是不确定的，然后validateSection不是一个函数，当我开始测试输入字段

Answer 1

极品添加custom validate method

Protoype -

$.validator.addMethod("endate_greater_startdate", function(value, element) { 
    return enddate > startdate 
}, "* Enddate should be greater than Startdate"); 

验证 -

endate_greater_startdate : true 

检查的Demo，因为不同的例子，但将帮助调试。

Answer 2

的Javascript

$(function() { 
    $.validator.addMethod('smaller_than', function (value, element, param) { 
     return +$(element).val() < +$(param).val(); 
    }); 
    $.validator.addMethod('not_smaller_than', function (value, element, param) { 
     return +$(element).val() > +$(param).val(); 
    }); 
    $('form').validate(); 
}); 

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script> 
<form> 
    value 1 
    <input name="value1" 
      data-rule-smaller_than="[name='value2']" 
      data-msg-smaller_than="value 1 must be smaller than value 2" /><br/> 
    value 2 
    <input name="value2" 
      data-rule-not_smaller_than="[name='value1']" 
      data-msg-not_smaller_than="value 1 must be smaller than value 2"/><br/> 
    <input type="submit"/> 
</form> 

JSFiddle