javascript - Angular : Pressing Enter Submits Empty Form Regardless of Values

标签 javascript angularjs forms

这可能是一个迭代的问答过程,因为我不确定要粘贴哪个代码。我有一个自定义的高级搜索表单(使用 ng-submit),它将查询对象传递到 Controller 方法并调用服务。当用户在一个或多个字段中输入一些内容时,按下提交按钮(使用 ng-click)成功调用方法并提交查询。但是,如果用户按 Enter 提交表单,则会调用相同的方法,但查询对象缺少输入字段的绑定(bind)值。我已经通过断点进行了单步调试,并验证了以上所有内容都是正在发生的情况,但我不确定问题出在哪里。 ng-click 和按 Enter 键之间的 Angular 数据绑定(bind)过程有区别吗?我需要在某处调用阻止默认值吗?让我知道我需要在这篇文章中添加哪些代码来帮助排除故障。谢谢!

最佳答案

对于将来可能遇到此问题的任何人,事实证明问题是 Enter 键同时触发了“清除”和“提交”按钮,因为按钮的默认行为是“提交”。它只是碰巧先触发了“清除”按钮,否则我们永远不会注意到这个问题。解决方案只是将“type=button”添加到清除按钮。

关于javascript - Angular : Pressing Enter Submits Empty Form Regardless of Values,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32364261/

相关文章:

javascript - 在 Protractor 测试用例中使用属性

javascript - 在 Angular 中存储和使用定期更新的数据的最佳方式

forms - Delphi:透明或渐变框架

python - 尝试设置 django-contact-form 时 URL 配置出错

html - 谷歌浏览器表单自动填充及其黄色背景

javascript - 如何在框架内加载 jQuery?

javascript - 在页面加载问题的弹出窗口后面模糊

javascript - 某些 js 文件仅在 Internet Explorer 浏览器和调试器中不加载

javascript - PHP 提交后 jQuery 加载同一页面

php - 在 javascript 中通过 window.location 传递数据