代码之家  ›  专栏  ›  技术社区  ›  Justin

jqueryvalidate:如何添加检查多个字段总和的验证?

  •  3
  • Justin  · 技术社区  · 14 年前

    在某些情况下,此表单包含一组输入框,假设总共100个。

    例如:

    请说明每个年级学生的百分比是多少?
    9年级:文本框1
    10年级:文本框2
    11年级:文本框3
    12年级:文本框4

    我想验证TextBox1+TextBox2+TextBox3+TextBox4=100%。

    我该怎么办?

    谢谢!

    1 回复  |  直到 14 年前
        1
  •  6
  •   Marko    14 年前
    <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>
    

    被盗和编辑 from here