jquery input field added，最大總數

Question

我正在嘗試這段代碼並且添加一塊。我希望#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); 
     } 


    } 
};​