jQuery验证少于 [英] jQuery validate less than

问题描述

我正在尝试为jQuery编写小于"验证器.我想将一个文本框与另一个文本框进行比较，所以如果有:

I am trying to write a "Less than" validator for jQuery. I want to compare one text box against another, so if I have:

<input type="text" id="value1" /> <input type="text" id="value2" />

我希望我的验证器看起来像

I want my validator to look like

$('#myForm').validate({rules: { value1: { lessThan: "#value2" } } });

我已经尝试过了，但是无法正常工作:

I have tried this but I can't get it to work:

$.validator.addMethod('lessThan', function(value, element, param) {
    var i = parseInt(value);
    var j = parseInt($(param).val());
    return i >= j;
}, "Less Than");

另一个问题是我应该将该代码放在哪里?是在$(document).ready中还是仅在标记中?

Another question is where should I put that code? In $(document).ready or just in a tag?

推荐答案

我是个白痴.我在实际代码中做了一些错别字，弄乱了我在许多验证器方法中看到的this.optional(element).这是工作功能:

I'm an idiot. I had made some typo's in my actual code and I'd messed up the this.optional(element) that I see in a lot of validator methods. Here is the working function:

$.validator.addMethod('lessThanEqual', function(value, element, param) {
    if (this.optional(element)) return true;
    var i = parseInt(value);
    var j = parseInt($(param).val());
    return i <= j;
}, "The value {0} must be less than {1}");

这是精简版

$.validator.addMethod('lessThanEqual', function(value, element, param) {
    return this.optional(element) || parseInt(value) <= parseInt($(param).val());
}, "The value {0} must be less than {1}");

现在，我需要弄清楚在更改field2时如何重新运行字段1的验证.

Now I need to figure out how to rerun validation for field 1 when I change field2.

这篇关于jQuery验证少于的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！