输入按钮不想将表单提交到 iframe答案

【问题标题】：Enter button don't want to submit form to iframe输入按钮不想将表单提交到 iframe
【发布时间】：2013-03-12 08:08:53
【问题描述】：

我有这个表格，我需要在按下 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>

【问题讨论】：

为什么要使用链接发布表单？
你不能对 input type=button 做同样的事情吗？
它通过删除链接来工作： Strage 因为在其他页面上（没有 iframe）工作正常。谢谢

标签： javascript html forms iframe form-submit

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

<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>

【讨论】：

你能发布你的代码吗？您要监控的输入字段的 ID 是什么？

【解决方案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>

【讨论】：