如何在没有空白参数的情况下发送表单

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

当我清除“电话”字段并按提交时，我发送 get-request 到

localhost/?first_name=anisim&phone=

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

localhost/?first_name=anisim

我发现变种 jQuery remove() 输入或将它们设置为禁用，但如果用户按下“返回”按钮，以前的表单将被粉碎（输入将被禁用或删除）

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

如何解决？

Answer 1

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

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