重定向的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>

但它仅在您按Enter键时有效，而不是在您使用鼠标单击按钮时（Safari 5.1）。如果我将输入类型从提交切换到按钮，则观察到相反的情况！有没有更好的方法来解决这个问题？

Answer 1

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