How do you handle a form change in jQuery?

by

You can do this:

$("form :input").change(function() {
  $(this).closest('form').data('changed', true);
});
$('#mybutton').click(function() {
  if($(this).closest('form').data('changed')) {
     //do something
  }
});

This rigs a change event handler to inputs in the form, if any of them change it uses .data() to set a changed value to true, then we just check for that value on the click, this assumes that #mybutton is inside the form (if not just replace $(this).closest('form') with $('#myForm')), but you could make it even more generic, like this:

$('.checkChangedbutton').click(function() {
  if($(this).closest('form').data('changed')) {
     //do something
  }
});

References: Updated

According to jQuery this is a filter to select all form controls.

http://api.jquery.com/input-selector/

The :input selector basically selects all form controls.

More Related Contents:

  1. Updating php values using jquery
  2. How to dectect objects' overlaping situations in javascirpt? [closed]
  3. Display attribute ‘Title’ of element/s in other element on Focus or Click
  4. How to delay the .keyup() handler until the user stops typing?
  5. Turning live() into on() in jQuery
  6. jQuery/JavaScript collision detection
  7. Cross-browser window resize event – JavaScript / jQuery
  8. Converting milliseconds to a date (jQuery/JavaScript)
  9. Remove everything after a certain character
  10. Prevent jQuery UI dialog from setting focus to first textbox
  11. How to search JSON tree with jQuery
  12. How to make a simple image upload using Javascript/HTML
  13. How to scroll the window using JQuery $.scrollTo() function
  14. Differences between contentType and dataType in jQuery ajax function
  15. How to replace url parameter with javascript/jquery?
  16. jQuery sort elements using data id
  17. Fast way to get the min/max values among properties of object
  18. Getting the User Agent with JavaScript
  19. jQuery UI AutoComplete: Only allow selected valued from suggested list
  20. Skip ng-repeat JSON ordering in Angular JS
  21. How to prevent form element from sending some fields we don’t want?
  22. How to stop form submit during ajax call
  23. Prevent iOS bounce without disabling scroll ability
  24. Jquery click function is not working for dynamic elements
  25. Javascript – Leading zero to a number converting the number to some different number. not getting why this happening?
  26. How to get an element by its href in jquery?
  27. How to negate code in “if” statement block in JavaScript -JQuery like ‘if not then..’
  28. jQuery $.ajax(), pass success data into separate function
  29. jQuery InnerText not including sub element
  30. Looping through Markers with Google Maps API v3 Problem

Leave a Comment