jquery check if input value has changed dynamically

Question

I have to implement following issue. I have input and i need to show warning message if its value has changed. But for some reasons alert shows few times, can't figure out why. Here was the first question.

$("#input").bind("propertychange change paste input", function(){
    alert("Value has been changed");
});

The second question:

How can i check if input's value has changed dynamically. For example if i click on some element then value changes.

$("a").click(function(){
    $("#input").val("test");
})

Here's a fiddle i've created.

Any ideas? Thanks in advance!

Rory McCrossan · Accepted Answer · 2014-08-14 07:20:39Z

7

There is no event raised when an inputs value is changed dynamically. Your best option is to manually raise an event upon changing the value:

$("a").click(function(){
    $("#input").val("test").trigger('change');
})

answered Aug 14, 2014 at 7:20

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

lalexa Over a year ago

thank you, what about first question?Alert windows shows few times: first - when i'm typing something, second - when i unfocused input

Rory McCrossan Over a year ago

It shows once for each event fired. You have attached it to multiple events. The change event fires when the element is unfocussed.

Balachandran · Accepted Answer · 2014-08-14 07:21:12Z

0

There is no event for that instead you have to use trigger the change event

 $("a").click(function(){
    $("#input").val("test");
    $("#input").trigger("change");
})

DEMO

answered Aug 14, 2014 at 7:21

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

1 Comment

lalexa Over a year ago

thank you, what about first question?Alert windows shows few times: first - when i'm typing something, second - when i unfocused input

Girish · Accepted Answer · 2014-08-14 07:23:55Z

0

When value change value dynamically then you should bind event with element, see below sample

$("a").click(function(){
    $("#input").val("test").change();
})

answered Aug 14, 2014 at 7:23

Girish

12.1k3 gold badges37 silver badges54 bronze badges

Collectives™ on Stack Overflow

jquery check if input value has changed dynamically

3 Answers 3

2 Comments

DEMO

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related