代码之家 › 专栏 › 技术社区 › Jonathan Sampson

jquery validate:多个输入值之和

jquery-validate jquery

Jonathan Sampson · 技术社区 · 14 年前

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

在表单中,我有可变数量的文本输入,提交时,我需要验证同一组中的输入值之和是否正好是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' />

2 回复 | 直到 14 年前

Jonathan Sampson 14 年前

我是这样做的:

自定义验证规则:

$.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});

rterrani 14 年前

var sumOfValues=0;
$(".group1").each(function(){
   sumOfValues+=$(this).val();
});
if(sumOfValues==100){

}else{

}

或以插件形式

$.fn.validateValuesSum=function(value){
   var sumOfValues=0;
   this.each(function(){
     sumOfValues+=$(this).val();
   });
   if(sumOfValues==value){
      return true;
   }
   return false;
}

推荐文章

Bits Please · 条件验证-Jquery

6 年前

KimboSlice · asp中带点的Jquery验证字段

6 年前

StackOverthrow · 当用户删除原始字段值时,如何触发验证?

6 年前

Stfvns · 如何使用jquery验证检查空数据表

6 年前

ZCT · jquery验证器无法验证语义ui下拉列表

6 年前

Ricardo Peres · jQuery中的自定义验证无字段名的非干扰性验证

6 年前

Bob Tway · 将jQuery验证设置为检查并允许空文件扩展名

7 年前

Glyn · jQuery验证需要来自\u组的\u不工作

7 年前

paultechguy · 使用jQuery验证重新启用表单选择验证后启用它

7 年前

Sai Avinash · 如何在jQuery自定义验证器方法中格式化消息

7 年前