twitter-bootstrap – AngularJS:表单内的所有按钮触发器提交?
发布时间:2020-12-18 00:08:55 所属栏目:安全 来源:网络整理
导读:如果文档涵盖了这一点,我提前道歉,但我似乎找不到。 我有一个非常简单的形式,使用几个按钮,因为我正在使用twitter引导。问题是单击表单中的任何按钮似乎触发一个提交事件有角度:在我的窗体中有几个输入字段,我使用“require”属性,因此点击任何按钮将
如果文档涵盖了这一点,我提前道歉,但我似乎找不到。
我有一个非常简单的形式,使用几个按钮,因为我正在使用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”。
This question详细说明了这一点。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |