jquery验证: sum of multiple input values

Question

我需要帮助来创建自定义方法来验证多个文本输入值的总和。

在表单中，我有可变数量的文本输入，提交时我需要验证同一组中输入值的总和是否恰好为 100。

示例(第二组不应验证):

<input type='text' name='g1_number1' class='group1' value='20' />
<input type='text' name='g1_number2' class='group1' value='40' />
<input type='text' name='g1_number3' class='group1' value='40' />

<input type='text' name='g2_number1' class='group2' value='20' />
<input type='text' name='g2_number2' class='group2' value='40' />
<input type='text' name='g2_number3' class='group2' value='10' />

Answer 1

我是这样工作的:

自定义验证规则:

$.validator.addMethod(
    "sum",
    function (value, element, params) {
        var sumOfVals = 0;
        var parent = $(element).parent(".parentDiv");
        $(parent).find("input").each(function () {
            sumOfVals = sumOfVals + parseInt($(this).val(), 10);
        });
        if (sumOfVals == params) return true;
        return false;
    },
    jQuery.format("Sum must be {0}")
);

像这样使用:

$(".group1").rules('add', {sum: 100});
$(".group2").rules('add', {sum: 100});