我有一个搜索表单，其中包含一些通过 GET 提交的文本输入和下拉列表。我想通过在执行搜索时从查询字符串中删除空字段来获得更清晰的搜索 url。
var form = $("form");
var serializedFormStr = form.serialize();
// I'd like to remove inputs where value is '' or '.' here
window.location.href = '/search?' + serializedFormStr
知道如何使用 jQuery 做到这一点吗？
我一直在查看jQuery 文档，我认为我们可以使用选择器在一行中完成此操作：
$("#myForm :input[value!='']").serialize() // does the job!
显然，#myForm 获得了 id 为“myForm”的元素，但起初对我来说不太明显的是，#myForm 和 :input 之间需要空格字符，因为它是后代运算符。
:input匹配所有输入、文本区域、选择和按钮元素。
[value!='']是一个属性不等于过滤器。奇怪（且有用）的事情是所有 :input元素类型都具有值属性，甚至选择和复选框等。
最后还要删除值为“.”的输入。（如问题中所述）：
$("#myForm :input[value!=''][value!='.']").serialize()
在这种情况下，并列，即将两个属性选择器并排放置，意味着 AND。使用逗号意味着 OR。对不起，如果这对 CSS 人员来说很明显！
我无法让 Tom 的解决方案起作用（？），但我能够使用.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;
});
可能对某人有用