Как использовать jQuery form.serialize, но исключить пустые поля

Я просмотрел документы jQuery и думаю, что мы можем сделать это в одной строке, используя селекторы:

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

Очевидно, что #myForm получает элемент с идентификатором "myForm", но поначалу мне было менее очевидно, что символ пробела необходим между #myForm и :input, поскольку это потомок.

:input соответствует всем элементам input, textarea, select и button.

[value!=''] — это фильтр, не равный атрибуту. Странная (и полезная) вещь заключается в том, что все типы элементов :input имеют атрибуты значений, даже выборки, флажки и т. д.

Наконец, чтобы также удалить входы, где значение было '.' (как указано в вопросе):

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

В этом случае сопоставление, то есть размещение двух селекторов атрибутов рядом друг с другом, подразумевает И. Запятая подразумевает ИЛИ. Извините, если это очевидно для людей, занимающихся CSS!

Мне не удалось заставить решение Тома работать (?), но я смог сделать это, используя .filter() с короткой функцией для определения пустых полей. Я использую jQuery 2.1.1.

var formData = $("#formid :input")
    .filter(function(index, element) {
        return $(element).val() != '';
    })
    .serialize();

Вы можете сделать это с помощью регулярного выражения...

var orig = $('#myForm').serialize();
var withoutEmpties = orig.replace(/[^&]+=\.?(?:&|$)/g, '')

Тестовые случаи:

orig = "a=&b=.&c=&d=.&e=";
new => ""

orig = "a=&b=bbb&c=.&d=ddd&e=";
new => "b=bbb&d=ddd&"  // dunno if that trailing & is a problem or not

Это работает для меня:

data = $( "#my_form input").filter(function () {
        return !!this.value;
    }).serialize();

Я использовал вышеуказанное решение, но для меня это не сработало. Итак, я использовал следующий код

$('#searchform').submit(function(){

            var serializedData = $(this).serializeArray();
            var query_str = '';

            $.each(serializedData, function(i,data){
                if($.trim(data['value'])){
                    query_str += (query_str == '') ? '?' + data['name'] + '=' + data['value'] : '&' + data['name'] + '=' + data['value'];
                }
            });
            console.log(query_str);
            return false;
        });

Может кому пригодится

Я бы посмотрел на исходный код для jQuery. В последней версии строка 3287.

Я мог бы добавить функции «serialize2» и «serializeArray2». конечно, назовите их что-нибудь осмысленное.

Или лучше написать что-нибудь, чтобы вытащить неиспользуемые переменные из serializedFormStr. Некоторое регулярное выражение, которое ищет =& в середине строки или заканчивается на = Есть ли поблизости мастера регулярных выражений?

ОБНОВЛЕНИЕ: мне больше нравится ответ rogeriopvl (+1)... тем более что сейчас я не могу найти хороших инструментов для регулярных выражений.

Альтернатива решению Рича< /а>:

$('#form').submit(function (e) {
  e.preventDefault();

  var query = $(this).serializeArray().filter(function (i) {
    return i.value;
  });

   window.location.href = $(this).attr('action') + (query ? '?' + $.param(query) : '');
});

В кофескрипте сделайте так:

serialized_form = $(_.filter($(context).find("form.params input"), (x) -> $(x).val() != '')).serialize()

Возможно, вы захотите взглянуть на функцию jquery .each(), которая позволяет вам перебирать каждый элемент селектора, поэтому таким образом вы можете проверить каждое поле ввода и посмотреть, пусто оно или нет, а затем удалить его из формы используя element.remove(). После этого вы можете сериализовать форму.