Добавление поля ввода Jquery, максимальное количество

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>​

1010 * 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);
        }


    }
};​