javascript - 重定向的 HTML 表单

Question

我想做一个简单的搜索框，根据表单的输入重定向到一个 URL，所以如果我搜索“foo”，表单会将用户重定向到 {{STATIC_URL}}/search/foo

我想我用下面的代码完成了这个:

<script LANGUAGE="JavaScript">
    function whatURL() {
        window.location= window.location.protocol+'//'+window.location.host + "/search/" + document.form1.url.value;
    }
</SCRIPT>

和

<FORM name=form1>
    <input type=text id="urlval" name="url"onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()" >
    <input type="submit" id="btnSearch" onClick="return whatURL();" value="Search">
</FORM>

但它仅在您按下回车键时有效，而在您使用鼠标单击按钮时无效 (Safari 5.1)。如果我将输入类型从提交切换为按钮，则会观察到相反的情况!有没有更好的方法来解决这个问题？

Answer 1

对表单使用 onSubmit 处理程序而不是 onClick 处理程序。