Question

19

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

rated 0 times [ 23] [ 4] / answers: 1 / hits: 95088 / 16 Years ago, tue, march 3, 2009, 12:00:00

I have a search form with a number of text inputs & drop downs that submits via a GET. I'd like to have a cleaner search url by removing the empty fields from the querystring when a search is performed.

var form = $(form);  

var serializedFormStr = form.serialize();  

// I'd like to remove inputs where value is '' or '.' here

window.location.href = '/search?' + serializedFormStr

Any idea how I can do this using jQuery?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

stefanicarolinat

Add To Favorites

Follow

Total Points: 145

Total Questions: 91

Total Answers: 93

Location: Cambodia

Member since Thu, Oct 7, 2021

3 Years ago

stefanicarolinat questions

1 Cannot fetch data from localhost using Sveltekit

Mon, Nov 15, 21, 00:00, 3 Years ago

1 Add nonce to script tag

Fri, Apr 16, 21, 00:00, 3 Years ago

1 How do you input an ASCII art image into the console in JS?

Thu, Oct 15, 20, 00:00, 4 Years ago

1 jest: How to teardown after (just) an individual test

Fri, Jul 17, 20, 00:00, 4 Years ago

1 How to run code (Google/Doubleclick Ads) without block main thread

Tue, Nov 26, 19, 00:00, 5 Years ago

View All

answered 16 Years ago iselauniquef · Accepted Answer

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!