Подтвердить что ты не робот

Jquery validate: сумма нескольких входных значений

Мне нужна помощь для создания настраиваемого метода для проверки суммы нескольких входных значений текста.

В форме у меня есть переменное количество текстовых входов, и при отправке мне нужно проверить, что сумма входных значений в той же группе равна 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' />
4b9b3361

Ответ 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});

Ответ 2

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;
}