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

标签 javascript html forms iframe form-submit

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

最佳答案

首先,您的链接不正确:403 Forbidden;

第二,请检查页面中是否定义了SearchForm id :)

关于javascript - Enter 按钮不想将表单提交到 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15570848/

相关文章:

javascript - 准确定位悬停在 Canvas 元素上的文本字段

javascript - 有关如何以及何时在 React 中使用焦点的示例

javascript - 显示 div 标签内输入的 webstorage 值

html - skew() 和 skewX() 的区别 skewY()

java - 我们可以从img标签src调用servlet的doPost方法吗?

css div 边距移动整个 div 而不是内容

ruby-on-rails - 无法在 Chrome 移动设备上输入表单数据

javascript - 从数组中删除最后一个元素(从字符串中删除最后一行)

angular - 如何仅重置 Angular 5 中的特定表单字段

javascript - 提交表单时提交按钮上的微调器