CODEWITHSUNDEEP
javascriptjquery
AnApprentice
AnApprentice

Reputation: 111070

jQuery - call a function anytime a user changes any form input?

I have a page that has multiple forms. Anytime the user clicks an input or modifies text in an input I would like a function to be called. Any ideas on how to do this efficiently and in a way where it doesn't require the form IDs?

Upvotes: 4

Views: 11852

Answers (2)

a7drew
a7drew

Reputation: 7811

JavaScript events bubble up. So how about:

$('form').change(function() {
    // do something
}).click(function() {
    // do something
});

In each case you can query for the element that triggered the event and do what you please.

Upvotes: 14

meder omuraliev
meder omuraliev

Reputation: 186742

$('form input').each(function() {
     var val = this.value;
     $(this).click(function() { }
     $(this).blur(function() {
     }

});

You can also use delegate for better performance. It would help seeing your source and your exact needs.

Upvotes: 3

Related Questions