javascript - 输入按钮不想将表单提交到 iframe

Question

我有这个表格，我需要在按下 ENTER 时提交。一切看起来都很好，但只是没有用。单击搜索按钮时工作正常，但我也需要使用 ENTER 按钮。

HTML 代码：

<form id="SearchForm" action="mysite.com/search" target="my-iframe" method="post">


<input type="text" id="x" class="dimmed" name="keywords[all_words]" />


<div class="fieldbg"><input type="text" id="y" class="dimmed" name="City[all_words]" /></div>



<type class="btn_search row_right" onclick="document.getElementById('SearchForm').submit()">

我试过这个脚本，不工作：

<script>
window.onload = function() {
   var textbox = document.getElementById('x');
    textbox.onkeypress = function (e) {
        if (e.keyCode === 13) {
            document.getElementById('SearchForm').submit();
        }
    };
}
</script>

Answer 1

您可以监视键盘输入并在输入时提交表单：

<script>
    window.onload = function() {
       var textbox = document.getElementById('ID_OF_INPUT_FIELD_HERE');
        textbox.onkeypress = function (e) {
            if (e.keyCode === 13) {
                document.getElementById('SearchForm').submit();
            }
        };
    }
</script>

Answer 2

首先，您的链接不正确：403 Forbidden；

其次，请检查页面上是否定义了 SearchForm id :)

Answer 3

确保您的代码在 IE 上不起作用，请尝试以下操作：

<script>
window.onload = function() {
   var textbox = document.getElementById('x');
    textbox.onkeypress = function (e) {
        e = e || window.event;
        if (e.keyCode === 13) {
            document.getElementById('SearchForm').submit();
        }
    };
}
</script>