Twitter bootstrap AngularJS:表单触发器中的所有按钮都提交了吗?

Twitter bootstrap AngularJS:表单触发器中的所有按钮都提交了吗?,twitter-bootstrap,angularjs,Twitter Bootstrap,Angularjs,如果文件中包含了这一点,我提前表示歉意,但我似乎找不到 我有一个非常简单的表单,在使用twitter引导时使用了几个按钮。问题是,单击表单中的任何按钮似乎都会触发提交事件:在我的表单中,有几个输入字段使用“require”属性,因此单击任何按钮都会打开一个对话框,说明该字段是必需的。这一切都很好,除了我只希望在用户单击实际提交按钮时进行验证 我曾尝试将ng submit设置为一个函数,该函数到目前为止只返回false,但这似乎没有任何效果 更新:我找到了一个临时解决方法,使用了一个使用event

如果文件中包含了这一点,我提前表示歉意,但我似乎找不到

我有一个非常简单的表单,在使用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”,现在我知道了原因。非常感谢。