jQuery input value

Question

We have some input elements on the page:

<input type="text" class="lovely-input" name="number" value="" />

User types a number he wants to see.

How to watch for this input value. with some options? They are:

If user types a digit more than 100, change the value of input (on fly, without page refresh) to 100.
If he types digit less than 1, turn value to 1.

djdd87 · Accepted Answer · 2010-08-23 09:34:50Z

6

Use the keyup event instead:

$(".lovely-input").keyup(function(e) {
    var $this = $(this);
    var val = $this.val();
    if (val > 100){
        e.preventDefault();
        $this.val(100);
    }
    else if (val < 1)
    {
        e.preventDefault();
        $this.val(1);
    }
});

Here's a working fiddle.

answered Aug 23, 2010 at 9:34

djdd87

68.6k29 gold badges159 silver badges198 bronze badges

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

3 Comments

James Over a year ago

whats doing preventDefault()?

djdd87 Over a year ago

It prevents the value of the last key hit from being entered.

djdd87 Over a year ago

Look at the link I gave under 'working fiddle'. It works fine. You're probably doing it wrong.

jdc0589 · Accepted Answer · 2010-08-22 22:30:02Z

0

The jquery validation plugin will handle your maximum and minimum value requirements.

In regard to changing input:

$("#number_input").change(function() {
  if($("#number_input").val() < 1) 
    $("#number_input").val(1);
});

answered Aug 22, 2010 at 22:30

jdc0589

7,0385 gold badges38 silver badges39 bronze badges

2 Comments

jdc0589 Over a year ago

post your code, the concept is correct. You probably need to call parseInt in the val of the input element, and in some browsers the change event wont fire until the element looses focus.

James Over a year ago

should work straight when you type, not just on loosing focus

Collectives™ on Stack Overflow

jQuery input value

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related