How do I use jQuery’s form.serialize but exclude empty fields

by

I’ve been looking over the jQuery docs and I think we can do this in one line using selectors:

$("#myForm :input[value!='']").serialize() // does the job!

Obviously #myForm gets the element with id “myForm” but what was less obvious to me at first was that the space character is needed between #myForm and :input as it is the descendant operator.

:input matches all input, textarea, select and button elements.

[value!=”] is an attribute not equal filter. The weird (and helpful) thing is that all :input element types have value attributes even selects and checkboxes etc.

Finally to also remove inputs where the value was ‘.’ (as mentioned in the question):

$("#myForm :input[value!=''][value!='.']").serialize()

In this case juxtaposition, ie placing two attribute selectors next to each other, implies an AND. Using a comma implies an OR. Sorry if that’s obvious to CSS people!

More Related Contents:

  1. How to get the containing form of an input?
  2. jQuery AJAX submit form
  3. Serializing to JSON in jQuery [duplicate]
  4. Stop form refreshing page on submit
  5. Prevent double submission of forms in jQuery
  6. form serialize javascript (no framework)
  7. Submitting a form on ‘Enter’ with jQuery?
  8. Stringify (convert to JSON) a JavaScript object with circular reference
  9. How to send a JSON object using html form data
  10. How to submit an HTML form without redirection
  11. Prevent form redirect OR refresh on submit?
  12. How do you get the cursor position in a textarea?
  13. Image convert to Base64
  14. Check if option is selected with jQuery, if not select a default
  15. Serialize object to query string in JavaScript/jQuery [duplicate]
  16. Adding POST parameters before submit
  17. Dynamically create and submit form
  18. jQuery – select all text from a textarea
  19. JS Events: hooking on value change event on text inputs
  20. How can I get jQuery .val() AFTER keypress event?
  21. Submit form after calling e.preventDefault()
  22. How to prevent form element from sending some fields we don’t want?
  23. How do you limit options selected in a html select box?
  24. submit event does not fire if submit initiated programmatically
  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