Проверка JQuery: Как добавить проверку, которая проверяет сумму нескольких полей?

Question

Я пытаюсь использовать проверку jQuery для динамической формы, которую я настраиваю.

В некоторых случаях эта форма содержит набор полей ввода, которые должны составлять 100.

Примером может быть:

Пожалуйста, укажите, какой процент учащихся в каждом классе?
9 класс: TextBox1
10 класс: TextBox2
11 класс: TextBox3
12 класс: TextBox4

Я хочу убедиться, что TextBox1 + TextBox2 + TextBox3 + TextBox4 = 100%.

Как мне это сделать?

Спасибо!

Answer 1

<script>
$(document).ready(function(){
    $("#some-form").validate({

        rules: {
            TextBox1: {
                required: true,
                number: true,
                min: 0,
                max: 100,
            },
            TextBox2 : {
                required: true,
                number: true,
                min: 0,
                max: 100,
            }
            TextBox3 : {
                required: true,
                number: true,
                min: 0,
                max: 100,
            }
            TextBox4 : {
                required: true,
                number: true,
                min: 0,
                max: 100,
            }

        },
        submitHandler: function(form){
            var total = parseInt($("#TextBox1").val()) + parseInt($("#TextBox2").val()) + parseInt($("#TextBox3").val()) + parseInt($("#TextBox4").val());
            if (total != 100) {
                $(".error").html("Your total must sum to 100.")
                return false;
            } else form.submit();
        }

    });
});

</script>

Украдено и отредактировано отсюда .