为什么在 Chrome 中按回车键时我的表单没有提交
Why does my form not submit when pressing enter in Chrome?
我的表单使用paper-input
字段在chrome中按回车键时不会提交。但是,在所有其他浏览器中按回车键时,它确实会提交。以下是相关代码:
<form [ngFormModel]="loginForm">
<paper-input type="text"
ngControl="username"
label="Username"
auto-validate
pattern="{{usernameValidation.get()}}"
maxlength="20"
error-message="Alphanumeric and underscore characters only. [1-20]"
ngDefaultControl>
<iron-icon suffix icon="account-circle"></iron-icon>
</paper-input>
<paper-input type="password"
ngControl="password"
label="Password"
auto-validate
pattern="{{passwordValidation.get()}}"
maxlength="60"
error-message="Long passwords only. [8-60]"
ngDefaultControl>
<iron-icon suffix icon="fingerprint"></iron-icon>
</paper-input>
<paper-input type="submit"
value="Log In"
(click)="submit()"
[disabled]="!loginForm.valid || loading"
ngDefaultControl>
</paper-input>
</form>
我尝试使用ngSubmit
将submit()
函数调用移动到表单元素,并尝试在表单中添加隐藏的标准提交输入以诱骗Chrome提交,但没有运气。我还尝试使用标准input
元素以及button
。任何意见将不胜感激。谢谢!
如果有人想解释反对票,我很乐意修改我的问题。
一种选择是使用 Polymer 中的 a11y 键元素。 你可以做这样的事情:
<iron-a11y-keys keys="enter" on-keys-pressed="submitForm" id="a11y"></iron-a11y-keys>
这将触发您在元素中定义的"submitForm"方法。 以下是 a11y 键元素的文档: https://elements.polymer-project.org/elements/iron-a11y-keys
相关文章:
- 我的表单上的SpringWebFlow2中的每个转换都需要隐藏按钮吗
- 为什么只有当我在字符串周围输入引号时,表单输入的isNaN才为true
- Laravel:在玩了Ajax之后,我在表单中的所有按钮都发布到了同一个url
- Dynamics CRM 2015:如何获得我创建的Web资源按钮,以引用我添加到表单中的Javascript库中的函数
- 为什么当我单击表单内的按钮时从未到达提交块
- 谷歌地图与方向 - 我可以在没有表单标签的情况下做到这一点吗?
- jquery链接到输入到我的表单中的链接技巧
- 当我有 5 个字段时,如何使用 JavaScript 验证表单中的单个字段
- 我可以将表单提交的响应设置为对话框的内容吗?
- 如何让我的字符串替换为等于表单输入的值
- 我需要有关js和jquery表单验证的帮助
- 如何使用我要编辑的 html 表中行中的数据填充表单中的输入字段
- 如果我在输入上有 onBlur 处理程序,则不会调用表单上的 React onSubmit 处理程序?(仅在使用Webs
- 获取我的网站的用户的登录状态,并使用 php 查看具有该名称表单数据库的用户数
- 我应该如何尝试在不进入 html 的情况下更改 aspx Web 表单中的链接
- 我正在测试捕获表单上的提交按钮值
- 如何使DropzoneJS图像字段成为我表单中的可选字段
- 我需要在表单提交后显示一条包含变量(表单中的答案)的消息
- 我有一个angular JS表单,它成功地将数据插入数据库,但没有显示在表单下面的列表中
- 如何从JavaScript访问我在From Builder中创建的表单捕获的XML