Добавление поля ввода в JQuery, максимум всего

Question

Я пытаюсь взять этот код и добавить к нему одну часть. Я хотел бы, чтобы # целое число было максимальным. Я даже не знаю, как подойти к этому. Я просмотрел документацию запроса при добавлении проверки или что-то еще, но это было не то, что я хотел. Любая помощь будет принята с благодарностью. 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); 
     } 


    } 
};​