jQuery 复杂的验证规则

Question

我试图在表单上动态指定一些规则。在此表单上，我有三个文本框输入( Text1 、 Text2 、 Text3 )和一个复选框( Check1 )

我将配置以下规则:

1. Text2 的规则:该字段应为正数，保留2位小数，且其值应等于或大于Text1

2. Text3 的规则:该字段应为保留 2 位小数的数字。此外:

   a) Text3 的值如果 Check1 必须等于 0已选择

   b) Text3 的值必须小于或等于Text1且小于或等于Text2如果Check1未选择。

我如何在 jQuery Validation 中表达这些规则插入？有什么建议吗？

更新:这是(1)的基本规则。它错过了等于或更大部分:

$('#Text2').rules('add', {
    required: true,
    min: 0.0,
    number: true,
    messages: {
        required: 'Message 1',
        min: 'Message 2',
        number: 'Message 3'
    }
});

Answer 1

您可以使用$.validator.addMethod..

例如，

$.validator.addMethod("decimal", function(val, element){return /\d*(\.\d+)?/.test(val)}, "Should enter only numericals.");

上面的方法只是检查小数。

我们可以通过在类名称中添加第一个参数名称来使用它，例如

<input type="text" class="required decimal" />

在您的情况下，您需要检查该值是否大于text1，因此我们可以这样做

$.validator.addMethod("text2validator", function(val, element){if(val > $("#text1").val())return true;}, "Value should be greater than text1")

<input type="text" id="text1" value="10" />
<input type="text" id="text2" class="required decimal text2validator" />