Remove empty fields/inputs from Serialize string [duplicate]

Question

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

I need to remove the unused input names from a Serialize string if they're not filled in on a form. See the attached JSFIddle. Currently if someone only fills in Q1 & Q3 the names the string appears as follows /static/url/to/file.php?Q1=Bob&Q2=&Q3=Dan&Q4=. I'd therefore like to get rid of the Q2= and Q4= names from the string before submission. Thanks

JSFiddle - Serialize

How do I use jQuery's form.serialize but exclude empty fields — Zbigniew
– Zbigniew, Commented Jul 8, 2012 at 10:13
Thanks Des, I can't quite get it to work in my code for some reason? I must be doing something wrong the bloody string keeps disappearing? — Tatters
– Tatters, Commented Jul 8, 2012 at 10:31

Ram · Accepted Answer · 2012-07-08 11:46:53Z

1

try this:

$('#form1').find('input[type="text"]').not('#url').change(function(){
    var val = "";
    var url = '/static/url/to/file.php?';
    $('form input[type="text"]').not('#url').each(function(){
        if ($.trim(this.value).length > 0 ) { 
          val += ($(this).attr('name') + "=" + this.value + "&");
        }  
    })
    $('#url').val(url+val);
});

$('#button').click(function(){
    window.location = $('#url').val();
});

DEMO

edited Jul 8, 2012 at 11:46

answered Jul 8, 2012 at 10:17

Ram

145k16 gold badges174 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

Tatters Over a year ago

Thanks...I just need the input answers to attach themselves to the URL in the visible result box? The results box is hidden behind a submit button. Sorry I'm a bit of a jquery novice.

Tatters Over a year ago

Great stuff..many thanks. One problem, the Demo seems to be including the url twice in the results box?

Ram Over a year ago

@SamuelTattersfield you are welcome. not for me on firefox.

Tatters Over a year ago

Strange...I'm on Firefox also, I also tried it in chrome and the string looked like so /static/url/to/file.php?Q1=bob&Q3=dan&Q4=rob&url=/static/url/to/file.php?Q1=bob&Q3=dan&url=/static/url/to/file.php?Q1=bob&&&

Tatters Over a year ago

Still giving the same results?

|

Collectives™ on Stack Overflow

Remove empty fields/inputs from Serialize string [duplicate]

1 Answer 1

11 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Linked

Related