【问题标题】:Form is not submitted on pressing Enter key but submiited onclicking submit button表单未在按 Enter 键时提交,而是在单击提交按钮时提交
【发布时间】:2014-07-03 05:20:18
【问题描述】:

这可能很愚蠢,但我真的很想知道这一点,不仅是我,这可能是成千上万学生的问题。

以下链接是我的大学网站 LINK

有一个登录面板。 输入我的用户名和密码后,如果我单击 Enter,然后页面会重新加载,但预期的行为是提交表单。
要真正登录该网站,您需要点击提交按钮。

谁能解释一下这个。

  • 我认为 sumit 按钮上一定有一些 onlick 事件,但是 那里的按钮是
    <input type="submit"> 所以默认情况下它 需要通过按 Enter 提交,因为通常在所有网站中都会发生
  • 我还注意到另外一件事,那里缺少表单标签。

感谢任何有关此问题的帮助或解释


编辑
只需输入错误的电子邮件和密码

  1. 如果你按下回车键:没有红色错误信息 邮箱和密码

  2. 如果你点击提交:有红色的错误信息提示邮箱和密码错误

【问题讨论】:

  • 我尝试按 Enter 但它确实提交了表单。你用的是什么浏览器? (我的谷歌浏览器)缺少表单标签可能是问题所在。
  • 我正在使用 chrome。这个问题存在于所有浏览器中
  • 这个问题似乎离题了,因为它是关于对现有网站的分析,而不是关于特定 javascript 问题的问题。
  • @Anonymous 我看到它在 chrome 网络控制台中发布表单数据,登录失败(当然我没有帐户),但它确实提交了表单。
  • 此表单具有匿名行为。我只是想从开发人员的角度了解这一点

标签: forms submit


【解决方案1】:

默认行为是当表单中存在submit 类型的输入时,单击按钮时将提交表单,或者当某些表单控件具有焦点时输入按键。由于您网站上的控件不在form 内,因此不会看到预期的行为。

【讨论】:

  • 整个页面是一个表单,表单标签与body标签相邻,所以这不是答案。
  • @VLAS 如果提交按钮不在表单标签内,那么预期的行为是没有任何反应,这意味着表单既不会在点击时提交,也不会通过按 Enter 键,但此处页面会在按 Enter 键时重新加载
  • @Anonymous——一点也不。输入元素和按钮上可能有一个监听器。但这是没有实际意义的,控件具有提交侦听器的表单:onsubmit="javascript:return WebForm_OnSubmit();"。在 onsubmit 属性中看到 javascript: 并不令人鼓舞。
猜你喜欢
  • 2020-12-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-01
  • 1970-01-01
  • 2016-07-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多