带有附加 url 的表单输入重新加载页面

Question

我在 wordpress 页面上发布了以下表格。

我想捕捉没有引荐来源网址的用户自行设置引荐来源网址（引荐来源网址部分全部由插件处理......在这里无关紧要）。

注册表单Url如下：

http://myurl.com/register/

下面的代码可以正常工作。直接插入到 wp 页面编辑器（文本）中。 除了它会创建一个如下所示的 Url：

http://myurl.com/register/?id=testinput

如何让生成的 Url 以这种方式格式化？：

http://myurl.com/register/sp/testinput

<h3>Your ID</h3>
<p>Please input your ID</p>

<form id = "submit_id_form" onsubmit="myIDFunction()">
    <input type="text" name="id">
    <input type="submit" value="Confirm">
</form>

<?php
function myIDFunction(){
    var action_src = "http://myurl.com/register/" + document.getElementsByName("id")[0].value;
    var submit_id_form = document.getElementById('submit_id_form');
    submit_id_form.action = action_src ;
} ?>

</script>

这是我正在尝试修改的原始表单代码（参考下面）：

<form id = "your_form" onsubmit="yourFunction()">
<input type="text" name="keywords">
<input type="submit" value="Search">

function yourFunction(){
var action_src = "http://localhost/test/" + 
document.getElementsByName("keywords")[0].value;
var your_form = document.getElementById('your_form');
your_form.action = action_src ;
} 

</script>

我尝试附加 /sp/ 部分并删除附加的问号“？”在上面的代码中..但我完全坚持编码。 （可以这么说，我是“点击者”而不是编码员）

非常感谢你们 :)

Original Code is from here

Answer 1

你必须从 onsubmit as 调用的方法中返回 true

function yourFunction(){ 
var action_src = "http://localhost/test/" + document.getElementsByName("keywords")[0].value; 
var your_form = document.getElementById('your_form'); 
your_form.action = action_src ;
return true;
 }