如果文档中涵盖了这一点,我会提前道歉,但我似乎找不到它。
我有一个非常简单的表单,它使用了几个按钮,因为我正在使用 twitter 引导程序。问题是单击表单中的任何按钮似乎会触发提交事件到 Angular:在我的表单中有几个输入字段,我在其中使用“require”属性,因此单击任何按钮都会打开一个对话框,说明该字段是必需的。这一切都很好,除了我只希望在用户单击实际提交按钮时进行验证。
我尝试将 ng-submit 设置为一个到目前为止只返回 false 的函数,但这似乎没有任何效果。
更新:我找到了一个使用 event.preventDefault() 指令的临时解决方法。然而,这似乎有点过分,也意味着我必须将它附加到每个按钮上。
<div class="row-fluid">
<div class="span12">
<form ng-submit="onSubmit()" class="form-horizontal">
<div class="row-fluid">
<div class="span12">
<div class="katana-technician-form">
<div class="control-group">
<label class="control-label">Tekniker
<div class="controls">
<div class="input-append">
<input type="text" class="span2" />
<div class="btn-group">
<!-- Triggers onSubmit-->
<button data-toggle="dropdown" class="btn dropdown-toggle">Velg<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>Kake</li>
<li>Bake</li>
</ul>
</div>
</div>
</div>
</label>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<!-- Triggers onSubmit-->
<button type="submit"></button>
</div>
</div>
</div>
</form>
</div>
</div>