如何发送没有空白参数的表单

Question

我有这样的形式：

<form>
  <input type='text' name='first_name' value='anisim'>
  <input type='number' name='phone' value='12345'>
  <input type='submit'>
</form>

当我按sumbit时，我发送get-request到

localhost/?first_name=anisim&phone=12345

当我清除字段＆＃34;电话＆＃34;并按提交，我发送get-request到

localhost/?first_name=anisim&phone=

我想从查询中删除空白参数并将get-request发送到

localhost/?first_name=anisim

我发现变种jQuery remove（）输入或设置它们被禁用，但是如果用户按下＆＃34;返回＆＃34;按钮，以前的表格将被粉碎（输入将被禁用或删除）

如果用户按下提交并停止加载过程同样的问题 - 他无法再输入电话并再次按提交 - 该字段将被禁用或删除。

如何解决？

Answer 1

如果它是获取请求，只需使用值序列化输入并使用序列化字符串重定向：

var queryString = $("form :input[value!='']").serialize();
window.location.href = 'localhost/?' +  queryString;