填写值后在输入文本框时未触发提交。在 IE 中

Posted 2023-02-25

【中文标题】填写值后在输入文本框时未触发提交。在 IE 中

【英文标题】：Submit not triggered on enter the text box after filling the value. in IE

【发布时间】：2014-06-24 09:42:02

【问题描述】：

我有一个表单，在这个表单中只有一个文本字段。填写完字段后，用户按回车键。但表单未在ie8 中提交。如何解决此问题。

但它适用于 chrome 和 firefox。

示例代码：

<form>
    <label><input type="text" /></label>
    <input value="Enter after adding value" type="submit">
</form>

如何使ie 在按下回车键时工作。

提前致谢！

【问题讨论】：

看看这个：thefutureoftheweb.com/blog/submit-a-form-in-ie-with-enter

【参考方案1】：

有些浏览器默认允许回车键提交表单，有些则不允许。

您可以通过添加将在输入键上提交表单的事件处理程序来解决此问题。尝试类似

$("input").keypress(function(e) 
    if (e.which == 13) 
        e.preventDefault();
        $("form").submit();
    
);

如果页面上有多个表单，请确保添加 id 属性并相应地更新上述代码。

【参考方案2】：

你去吧

<form id="myForm">
<label><input type="text" /></label>
<input value="Enter after adding value" type="submit" id="name">
</form>

<script type="text/javascript">
$(document).ready(function()


$("#name").keypress(function(e)
  
  if(e.which==13)
  document.getElementById("myForm").submit();
  
  );
  );

希望能帮到你