javascript - 按“输入”提交表单不起作用（js）

Question

我正在使用谷歌小工具编写一个简短的脚本并尝试插入谷歌网站。当用户按下Go按钮时，javascript函数被触发并且一切正常，但是当用户按下时Enter，出现错误：

Missing or malformed url parameter

我不确定这是由我的代码或谷歌小工具/网站引起的。

我的html代码：

<form name="theform">
<input type="text" size="20" id="search"/> 
<INPUT TYPE="submit" VALUE="Go!" ONCLICK="GotoURL(this.form)">
</form>

javascript函数

function GotoURL(dl) { 

var mySearch = document.getElementById("search").value;
url='some_url'+mySearch;
window.open(url,'_blank');
} 

谢谢

Answer 1

您应该onsubmit在表单上使用事件而不是onclick按钮事件：

<form name="theform" onsubmit="GotoURL(this)">
    <input type="text" size="20" id="search"/> 
    <input type="submit" value="Go!">
</form>

确保GotoURL()函数返回false以防止表单实际提交。

Answer 2

您需要将onsubmit处理程序添加到form标签本身：<form onsubmit="GotoURL(this)">