如果文档中包含此内容,我会提前道歉,但我似乎找不到。
我有一个非常简单的表单,它使用多个按钮,就像我使用Twitter引导程序一样。问题是,单击表单中的任何按钮似乎都会触发角度的提交事件:在我的表单中,有几个输入字段使用“ 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>
您应该尝试type="button"在按钮上进行设置。
type="button"
这个问题将详细说明其作用。