I'm using the following snippet to detect every time a particular form input field changes.

$( '#textbox' ).on( 'input', function() {
    // Do something here
});

This particular input field belongs to a form which has checkboxes, radio buttons and more text input fields. Is there a way to detect when there is a change to any of the form's fields?

I'm using the following snippet to detect every time a particular form input field changes.

$( '#textbox' ).on( 'input', function() {
    // Do something here
});

This particular input field belongs to a form which has checkboxes, radio buttons and more text input fields. Is there a way to detect when there is a change to any of the form's fields?

• javascript
• jquery
• forms

• 1 Events bubble up, so you can bind the event handler to the form element: $( 'form' ).on( 'input', function(e) { console.log(e.target); }); – Ram Commented Jul 15, 2014 at 13:39
• What does the 'e' do in function(e)? – henrywright Commented Jul 15, 2014 at 13:46
• e is the event object, it's target property refers to the target of the event. – Ram Commented Jul 15, 2014 at 13:50

3 Answers 3

Try,

$('#Form input').on( 'input', function() {
  //This would be called if any of the input element has got a change inside the form
}); 

Try this:

HTML:

<form>
    <p><input type='text' /></p>
    <p><input type='text' /></p>
    <p><input type='checkbox' /></p>
</form>

JQuery:

$('form :input').change(function(){
   alert("Form changed");
});

JSFiddle Demo

$("form :input").change(function() {

});