jQuery if condition not working on certain input numbers

Question

my jQuery if condition does not work like how it should. Everything works good but not on input number "2,3,4,5,6,7,8,9". Below is the code. Wonder what went wrong.

$(function(){
        $('input').blur(function(){
            var LowerLimit = 10;
            var UpperLimit = 70;
            var CurrVal = $(this).val();
            if (CurrVal<LowerLimit) {
                $(this).val(LowerLimit);
            }
            if (CurrVal>UpperLimit) {
                $(this).val(UpperLimit );
            }
        });
    });

You should parseInt() our input value of use type="number" in your input box. — Hanif
– Hanif, Commented Jan 16, 2018 at 9:26

Muhammad Omer Aslam · Accepted Answer · 2018-01-16 09:22:07Z

1

try wrapping into parseInt() like this

var CurrVal = parseInt($(this).val());

answered Jan 16, 2018 at 9:22

Muhammad Omer Aslam

23.9k9 gold badges47 silver badges69 bronze badges

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

Comments

Saurabh Mistry · Accepted Answer · 2018-01-16 09:24:46Z

0

See your desired output

$(function(){
        $('input').blur(function(){
            var LowerLimit = 10;
            var UpperLimit = 70;
            var CurrVal = $(this).val();
            if (CurrVal<LowerLimit) {
                $(this).val(LowerLimit);
            }
            if (CurrVal>UpperLimit) {
                $(this).val(UpperLimit );
            }
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" />

answered Jan 16, 2018 at 9:24

Saurabh Mistry

13.8k5 gold badges60 silver badges78 bronze badges

2 Comments

Gyandeep Sharma Over a year ago

What if OP wants input type="text" only.

Saurabh Mistry Over a year ago

then use parseInt($(input).val())

Collectives™ on Stack Overflow

jQuery if condition not working on certain input numbers

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related