How to get the containing form of an input?

by

Native DOM elements that are inputs also have a form attribute that points to the form they belong to:

var form = element.form;
alert($(form).attr('name'));

According to w3schools, the .form property of input fields is supported by IE 4.0+, Firefox 1.0+, Opera 9.0+, which is even more browsers that jQuery guarantees, so you should stick to this.

If this were a different type of element (not an <input>), you could find the closest parent with closest:

var $form = $(element).closest('form');
alert($form.attr('name'));

Also, see this MDN link on the form property of HTMLInputElement:

More Related Contents:

  1. How do I use jQuery’s form.serialize but exclude empty fields
  2. Uploading both data and files in one form using Ajax?
  3. Stop form refreshing page on submit
  4. Clearing using jQuery
  5. Set the value of an input field
  6. How to set file input value when dropping file on page? [duplicate]
  7. jQuery selector for inputs with square brackets in the name attribute
  8. How to reset a form using jQuery with .reset() method
  9. Prevent form redirect OR refresh on submit?
  10. Image convert to Base64
  11. Check if option is selected with jQuery, if not select a default
  12. Drop-down box dependent on the option selected in another drop-down box
  13. Dynamically create and submit form
  14. How to hide form code from view code/inspect element browser?
  15. How to prevent page from reloading after form submit – JQuery
  16. Change the content of a div based on selection from dropdown menu
  17. How can I get jQuery .val() AFTER keypress event?
  18. Submit form after calling e.preventDefault()
  19. Javascript – Stop form submit depending on ajax response [duplicate]
  20. Check if input is number or letter javascript
  21. How can I get all a form’s values that would be submitted without submitting [duplicate]
  22. jQuery see if any or no checkboxes are selected
  23. Get content of span
  24. Dynamically expand height of input type “text” based on number of characters typed into field
  25. copying the value of a form’s file input field to another form’s input field
  26. Javascript Input Text Masking without Plugin
  27. .js.erb VS .js
  28. How to force input to only allow Alpha Letters?
  29. Clear form after submission with jQuery
  30. jquery serialize and multi select dropdown

Leave a Comment