Jquery入力フィールドの追加、最大合計

Question

私はこのコードを1つ追加しています。 #totalに最大数を指定します。私はこの方法にどのように接近するかについてもわからない。私は、バリデーションや何かを追加する際にクエリのドキュメントを見てきましたが、私が望むものではありませんでした。どんな助けでも大歓迎です。 http://jsfiddle.net/anderskitson/VVkzG/1/

のjQuery：このように

$('#the_input_id').keyup(function() { 
    updateTotal(); 
}); 

$('#the_input_id1').keyup(function() { 
    updateTotal(); 
}); 

var updateTotal = function() { 
    var input1 = parseInt($('#the_input_id').val()); 
    var input2 = parseInt($('#the_input_id1').val()); 
    if (isNaN(input1) || isNaN(input2)) { 
     $('#total').text(''); 
    } else { 
     $('#total').text(input1 + input2); 
    } 
};​ 

Answer 1

jsfiddle.net/VVkzG/2

HTML

<form method="post"> 
    <input type="text" id="the_input_id"> 
    <input type="text" id="the_input_id1"> 
</form> 

</div> 
<div id="total"> 

</div>​ 

Javascriptを

$('#the_input_id').keyup(function() { 
    updateTotal(); 
}); 

$('#the_input_id1').keyup(function() { 
    updateTotal(); 
}); 

var updateTotal = function() { 
    var input1 = parseInt($('#the_input_id').val()); 
    var input2 = parseInt($('#the_input_id1').val()); 
    if (isNaN(input1) || isNaN(input2)) { 
     $('#total').text(''); 
    } else { 
     var max = 500; 
     var total = input1 + input2; 

     if(total > max) { 
      $('#total').text('The maximum is '+max); 
     } else { 
      $('#total').text(total); 
     } 


    } 
};​