Jquery input field addition, maximum total

Question

I am trying to take this code and add one piece to it. I would like the #total to have a maximum number. I am not even sure how to approach this one. I have looked around the query documentation at adding a validation or something but it wasn't what I wanted. Any help would be greatly appreciated. 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);
    }
};

Exactly could you place this as a answer so I could mark it as such. — Cool Guy Yo
– Cool Guy Yo, Commented Feb 19, 2012 at 22:06

Farzher · Accepted Answer · 2012-02-24 23:33:30Z

2

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


    }
};

edited Feb 24, 2012 at 23:33

answered Feb 20, 2012 at 3:44

Farzher

14.6k21 gold badges77 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Madbreaks Over a year ago

Please post your code in your answer, some day jsfiddle might not be there.

Collectives™ on Stack Overflow

Jquery input field addition, maximum total

1 Answer 1

jsfiddle.net/VVkzG/2

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related