jQuery 去除表单空值 serialize how to eliminate empty fields

You cannot use attribute selector for value as it is a changing property.

2. Use .filter()

$(document).ready(function () {
    $('#myForm').submit(function () {
        $(this).find(":input").filter(function () {
            return $.trim(this.value).length > 0
        }).serialize();
        alert('JavaScript done');
    });
});

Demo: Fiddle

Note: just serializing the input fields does not change in form submission, it can be used only if the form is submitted via ajax.

If you want to do a normal form submission but want to remove the empty fields then use .remove()

$(document).ready(function () {
    $('#myForm').submit(function () {
        $(this).find(":input").filter(function () {
            return $.trim(this.value).length == 0
        }).remove();
        alert('JavaScript done');
    });
});

来源：http://stackoverflow.com/a/20189110

3. 我个人使用的是：

$('#submForm').find('input').not('[value=""]').serialize();

OR

$('#search').find('input, select').not('[value=""], [value="0"], [value="DESC"]').serialize();

来源：http://stackoverflow.com/a/12414286

转自：jQuery 去除表单空值 serialize how to eliminate empty fields