WordPress表单提交后URL含空格问题：如何修正URL格式？

这个空格问题大概率是URL拼接环节出现了疏漏，下面是几个针对性的排查和修复方案：

1. 检查表单代码的URL拼写 #

先找到你插入页面编辑器的表单代码，重点看action属性里的目标URL。如果是类似这样的写法：

<form action="http://myurl.com/ register/" method="get">

直接把/和register之间的空格删掉，改成http://myurl.com/register/即可。

要是你用了动态代码（比如PHP）生成URL，比如：

$target_url = home_url('/ register/?id=') . $_POST['user_input'];

同样要去掉路径里的空格，修正为'/register/?id='。

2. 对用户输入参数做URL编码 #

如果空格是来自用户输入的testinput内容，那得对参数值做URL编码，避免原始空格直接出现在URL里。用PHP的urlencode()函数处理就行：

$clean_input = urlencode($_POST['testinput']);
$target_url = home_url('/register/?id=') . $clean_input;

这样输入里的空格会被转换成合规的%20，不会破坏URL结构。

3. 排查插件的URL配置项 #

因为是插件处理表单逻辑，去插件的设置页面找找“跳转目标URL”“注册页面地址”这类配置项，看看是不是不小心在地址里加了空格，删掉空格就能解决。

4. 前端JS兜底修正 #

如果上面的方法都没搞定，可以给表单加个前端提交拦截，自动清理URL里的空格：

document.querySelector('form').addEventListener('submit', function(e) {
  e.preventDefault();
  // 清除URL里所有空格
  const fixedUrl = this.action.replace(/\s+/g, '');
  const formData = new URLSearchParams(new FormData(this));
  // 跳转到修正后的URL
  window.location.href = `${fixedUrl}?${formData.toString()}`;
});

内容的提问来源于stack exchange，提问作者user1769562