twitter-bootstrap – AngularJS:表单内的所有按钮触发器提交?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – AngularJS:表单内的所有按钮触发器提交?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果文档涵盖了这一点,我提前道歉,但我似乎找不到。

我有一个非常简单的形式,使用几个按钮,因为我正在使用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详细说明了这一点。

猜你在找的Bootstrap相关文章