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> 

被盜編輯from here。