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

的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);
        }


    }
};​