Bagaimana cara menggunakan form.serialize jQuery tetapi mengecualikan bidang kosong

Saya memiliki formulir pencarian dengan sejumlah input teks & drop down yang dikirimkan melalui GET. Saya ingin memiliki url pencarian yang lebih bersih dengan menghapus field kosong dari querystring saat pencarian dilakukan.

var form = $("form");  
var serializedFormStr = form.serialize();  
// I'd like to remove inputs where value is '' or '.' here
window.location.href = '/search?' + serializedFormStr

Tahu bagaimana saya bisa melakukan ini menggunakan jQuery?

Saya telah melihat-lihat dokumen jQuery dan saya pikir kita bisa melakukan ini dalam satu baris menggunakan penyeleksi :

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

Jelas #myForm mendapatkan elemen dengan id "myForm" tetapi yang kurang jelas bagi saya pada awalnya adalah bahwa karakter spasi diperlukan antara #myForm dan: input karena ini adalah operator turunan .

: input cocok dengan semua elemen input, textarea, pilih dan tombol.

[nilai! = ''] adalah atribut yang tidak sama dengan filter. Yang aneh (dan membantu) adalah bahwa semua: tipe elemen input memiliki atribut nilai bahkan memilih dan kotak centang dll.

Akhirnya untuk juga menghapus masukan yang nilainya adalah '.' (seperti yang disebutkan dalam pertanyaan):

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

Dalam kasus ini penjajaran, yaitu menempatkan dua selektor atribut di samping satu sama lain , berarti DAN. Menggunakan koma menyiratkan OR. Maaf jika itu jelas bagi orang-orang CSS!

Saya tidak bisa mendapatkan solusi Tom untuk bekerja (?), Tapi saya bisa melakukan ini .filter()dengan menggunakan fungsi singkat untuk mengidentifikasi bidang kosong. Saya menggunakan jQuery 2.1.1.

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

Ini bekerja untuk saya:

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

Anda dapat melakukannya dengan regex ...

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

Kasus uji:

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

Saya telah menggunakan solusi di atas tetapi bagi saya itu tidak berhasil. Jadi saya telah menggunakan kode berikut

$('#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;
        });

Semoga bermanfaat bagi seseorang

Saya akan melihat kode sumber untuk jQuery. Di baris versi terbaru 3287.

Saya mungkin menambahkan fungsi "serialize2" dan "serializeArray2". tentu saja sebutkan sesuatu yang berarti.

Atau cara yang lebih baik adalah menulis sesuatu untuk menarik vars yang tidak terpakai dari serializedFormStr. Beberapa regex yang mencari = & di tengah string atau diakhiri dengan = Ada penyihir regex?

PEMBARUAN: Saya lebih suka jawaban rogeriopvl (+1) ... terutama karena saya tidak dapat menemukan alat regex yang bagus saat ini.

Alternatif untuk solusi Rich :

$('#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) : '');
});

Penjelasan:

• .submit()kait ke form submitacara
• e.preventDefault() mencegah formulir untuk dikirim
• .serializeArray() memberi kita representasi array dari string kueri yang akan dikirim.
• .filter() menghapus nilai-nilai yang salah (termasuk kosong) dalam larik itu.
• $.param(query) membuat representasi serial dan sesuai URL dari larik yang diperbarui
• mengatur nilai untuk window.location.hrefmengirimkan permintaan

Dalam coffeescript, lakukan ini:

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

Anda mungkin ingin melihat fungsi .each () jquery, yang memungkinkan Anda melakukan iterasi melalui setiap elemen selektor, jadi dengan cara ini Anda dapat memeriksa setiap bidang masukan dan melihat apakah kosong atau tidak dan kemudian menghapusnya dari formulir menggunakan element.remove (). Setelah itu Anda dapat membuat serial formulir.