Firefox和AngularJS的event.preventDefault

我知道这个问题有很多线索，但我的有点不同，我会解释为什么

背景： 我正在使用angular JS提交表单。我的GSP中有一个如下的groovy标签

<form action="formAction" class="form-horizontal" id="UserForm" name="UserForm"
            useToken="true" ng-app="angularApp"  ng-controller="angularController" novalidate="" ng-submit="onSubmitClick();">


 <input type="button" name="next" value="submit"
                                id="submit" />

---

感谢您的帮助。谢谢

虽然没有准确回答您的问题，但您可以选择另一种方式查看您的代码：

<input type="button" name="next" value="submit"
                            id="submit" ng-disabled="UserForm.$invalid" />

或者，如果“提交”按钮无效，请删除该按钮，并将其替换为不起作用的按钮：

<input type="button" name="next" value="submit"
                            id="submit" ng-if="UserForm.$valid" />
<button type="button" name="next" value="submit"
                            ng-if="UserForm.$invalid" />

---

感谢您花时间回复，但我无法禁用按钮。这就是业务要求。我很清楚，业务要求是制作一个按钮，如果无效则不会提交表单，但不是禁用该按钮？是的，听起来很奇怪，但是的..这就是要求。如果用户在表单无效时单击按钮，我们应该应用一些CSS使表单无效更加明显。但该按钮应始终处于启用状态。这是否有效。。。从技术上讲，有两个按钮，但其中一个什么都不做。然后你可以把它设计成完全一样的样子？

<input type="button" name="next" value="submit"
                            id="submit" ng-if="UserForm.$valid" />
<button type="button" name="next" value="submit"
                            ng-if="UserForm.$invalid" />