为什么我的登录表单消失了而不是按“Enter”提交？

使用 jQuery 在“Enter”上提交表单

使用 HTML/jQuery 在 AIR 项目中处理标准登录表单时，按“Enter”可能会导致意外行为，例如表单内容在未提交的情况下消失。要解决此问题，必须了解潜在的根本原因。

提供的代码片段尝试使用“.keypress()”函数处理“Enter”键事件，但无法解决消失的表单问题并阻止提交。一个潜在的原因可能是表单中缺少“action”属性。

要有效解决此问题，请修改事件处理程序代码如下：

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    // Add this line
  }
});

此处添加的关键内容是“返回错误”语句。添加此行本质上可以防止与“Enter”键按下相关的默认行为，在这种情况下，由于操作冲突而导致表单无法提交。

如链接的 StackOverflow 答案中所述，“返回 false”功能类似于“e.preventDefault()”和“e.stopPropagation()”，抑制默认浏览器行为并促进事件的自定义处理。

通过此修改，在登录表单中按“Enter”应该正确提交表单，解决了最初遇到的问题。

以上是为什么我的登录表单消失了而不是按“Enter”提交？的详细内容。更多信息请关注PHP中文网其他相关文章！