当前位置: 首页 > 面试题库 >

Angular-UI $ dialog和表单在回车键上提交

云承弼
2023-03-14
问题内容

据我所知,在AngularJS中处理对话框中回车键的推荐方法是在对话框内放置一个

标记和一个提交按钮。

足够公平,但是如果您使用Angular-UI及其$
dialog服务,则在按Enter键时,该表单将仅以静默方式关闭。没有办法拦截。即使您将处理程序附加到ng-click或ng-
submit,该窗体也将关闭而不返回任何结果。

还有什么我需要做的吗

[编辑]

解决后,我必须明确指定“取消”按钮的类型为“按钮”。似乎默认为“提交”?

因此,除了我的html表单技能之外,没有任何实际问题:)


问题答案:

回答我自己的问题。按钮似乎默认为Submit(?),如果我将它们明确设置为type =“
button”,则在表单输入字段中按Enter时,它们将不会触发回发。

<form>
     <input type="text" ... />
     <button type="button" ng-click=...>Cancel</button>
     <button type="submit" ng-click=...>OK</button>
</form>

这样,在输入字段中按Enter键将触发ng单击OK按钮。

正如您对html黑客所了解的那样,这与对话框或angularjs无关,这是一个html表单问题,并且我缺乏网络技能…



 类似资料:
  • 我正在为一个Angular 4组件编写一个测试,该组件是一个登录表单。可以通过单击“提交”按钮或在任何输入字段中按enter来提交表单。这种行为是由角度形式指令规定的。 我可以编写一个测试用例来验证单击按钮是否提交表单,但我不能用keypress事件触发提交行为。 从按钮分派'Click'事件的测试通过,但从输入元素分派keydown事件的测试(当前已禁用)失败。 我是否可以分派不同的事件来触发窗

  • 问题内容: 如何仅在文本输入字段上使用Enter键提交表单,而不必添加提交按钮? 我记得以前曾经这样做过,但是现在我对其进行了测试,除非表单中有一个Submit-type输入字段,否则表单不会提交。 问题答案: $(“input”).keypress(function(event) { if (event.which == 13) { event.preventDefault(); $(“form

  • 本文向大家介绍javascript实现回车键提交表单方法总结,包括了javascript实现回车键提交表单方法总结的使用技巧和注意事项,需要的朋友参考一下 本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下: 第一种方法:javascript实现 第二种方法:jquery实现(ie8、chrome和firefox都支持) 希望本文所述对大家基于js的web

  • 本文向大家介绍Jquery响应回车键直接提交表单操作代码,包括了Jquery响应回车键直接提交表单操作代码的使用技巧和注意事项,需要的朋友参考一下 事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧: 如果使用keydown的话,IE6可能无效,解决

  • 本文向大家介绍jsp中如何实现按下回车键自动提交表单,包括了jsp中如何实现按下回车键自动提交表单的使用技巧和注意事项,需要的朋友参考一下 为了省事很多时候希望可以按回车键来提交表单,要控制这些行为,可以借助JS来达到要求。 代码如下: 解决方案: 把form表单放在一个div里面 ,然后对这个div监听事件$("#id").keydown(function (){}); #*#监听回车事件 #*

  • 本文向大家介绍JavaScript阻止回车提交表单的方法,包括了JavaScript阻止回车提交表单的方法的使用技巧和注意事项,需要的朋友参考一下 大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能。代码