使用提交表单的操作阻止TextField

Question

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

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

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

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

You can test it in this JSFiddle

我怎么能实现这个目标？

PS：我正在使用ember-latest：

• 版本：v1.0.0-pre.4-31-g16442c5
• last commit：16442c5（2013-01-23 23:48:09 -0800）

Answer 1

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

Answer 2

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

我确定这不是最好的方式，但它有效！