javascript - 按 "enter"提交表单不起作用 (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 以防止表单实际提交。