ember.js - 通过操作防止 TextField 提交其表单

Question

我有一个{{view Ember.TextField action="foo"}}嵌套在<form>标签中：

My form:
<form>
  {{view Ember.TextField action="foo"}}
</form>

我希望按下enter此文本字段将调用 action foo，而不会在其表单上触发submit事件（因为默认情况下Ember.TextField#bubbles设置为false）。但事实并非如此：页面被重新加载。

出于语义和集成目的，我想保留<form>标签，不要写Ember.Form视图。

您可以在此 JSFiddle 中对其进行测试。

我怎么能做到这一点？

PS：我正在使用 ember-latest：

• 版本：v1.0.0-pre.4-31-g16442c5
• 最后一次提交：16442c5 (2013-01-23 23:48:09 -0800)

Answer 1

<form {{ action "" on="submit" }}>将阻止表单提交。（这基本上相当于onsubmit="return false;"另一个答案中的建议。）

Answer 2

我认为最简单的方法是添加 onsubmit="return false;" 在表单元素上。或者使用 jQuery ， preventDefault();

我敢肯定这不是最好的方法，但它有效！