How to remove empty input field from a form using jquery for using serialize?

Question

$('#mybutton').click(function(){
var form = $(this).parents('form:first');
var values = form.serialize();

//do some ajax calls
})

Now I want to do something like this

$("#myForm :input[value]").serialize() on the parent form

but I cant find a way to do this.I am guessing I have to use .find()

possible duplicate of How do I use jQuery's form.serialize but exclude empty fields — samliew
– samliew, Commented Apr 2, 2013 at 15:54
stackoverflow.com/questions/608730/… I am trying to achieve what is asked here except that I am not using an id selector — Diadara
– Diadara, Commented Apr 2, 2013 at 16:22

adeneo · Accepted Answer · 2013-04-02 15:58:35Z

4

Not sure I get this, but the context selector is a shortcut for find(), and this.form should be the parent form ?

$(":input[value!='']", this.form).serialize()

answered Apr 2, 2013 at 15:58

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

samliew · Accepted Answer · 2013-04-02 16:08:52Z

1

You would do

var values = $(this).parents('form:first').find(":input[value][value!='']").serialize();

or in your second case,

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

See related question for more details.

answered Apr 2, 2013 at 16:08

samliew

79.5k112 gold badges174 silver badges319 bronze badges

1 Comment

Diadara Over a year ago

I am trying to do the first one but my values string contains only a radio button value

Diadara · Accepted Answer · 2013-04-03 06:43:32Z

0

I dont know what the problem is but

$(":input[value!='']", this.form).serialize()

is not working for me and I am not sure what it does as it seems to filter only default values I spent too much time to get that to work and ended up manually filtering the inputs

var data={};
var formData = form.serializeArray();
$.each(formData, function (index, value) {
    var data_name = formData[index].name;
    var data_value = formData[index].value;
    if (data_value !== "") {
        data[data_name] = data_value;
    }
});

answered Apr 3, 2013 at 6:43

Diadara

5911 gold badge4 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to remove empty input field from a form using jquery for using serialize?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related