表格ng-click触发ng-submit

时间:2015-09-25 16:35:35

标签: angularjs

我有一张表格ng-submit将转到下一个问题。

        <form ng-submit="BC.next()" novalidate>
            <input type="submit" value="Next Question"/>
            <button id="previous" ng-click="BC.previous()">Previous Question</button>

然而,每当我点击上一个按钮,在执行之后,它会触发BC.next()我很困惑,有人知道为什么会这样吗?我甚至尝试使用<input type="submit">关闭</input>标记,但是没有修复它。

1 个答案:

答案 0 :(得分:13)

确保表单中未提交的所有其他按钮都来自type="button"

 <form ng-submit="BC.next()" novalidate>
            <input type="submit" value="Next Question"/>
            <button type="button" id="previous" ng-click="BC.previous()">Previous Question</button>

您可以看到详细信息:How to prevent buttons from submitting forms

TL;帖子的DR:HTML5默认<button><button type="submit">,因此您需要手动更改此内容。