Angular:按Enter键提交空表单,无论值如何

时间:2015-09-02 22:36:37

标签: javascript angularjs forms

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

1 个答案:

答案 0 :(得分:1)

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