Question

我是角度js的新手，我正在开发一个包含许多输入字段和两个按钮的表单 - 一个用于取消，另一个用于提交表单。

我有一个ng-submit =＆＃34;＆＃34;在表单标记上，以识别表单是否已提交并显示一些错误消息。

我面临的问题是当我点击输入＆＃39;取消＆＃39;按钮被触发。我该如何防止这种情况？我尝试在按钮上添加type = input但它不起作用。

<button type="button" ng-click="function">Cancel</button>

我无法将按钮标记更改为输入标记，因为我正在应用某些样式，如果我更改标记，我将失去它们。

我如何实现这一目标？

提前致谢。

更新：

下面是按钮的代码。

<div class="button-group-right" style="width:49%; float:left">
        <button  class="btn btn-large btn-tertiary btn-right" ng-click="subnmitPage()">
        <span class="btn-text">
        <span class="btn-text-container">Submit</span>
        </span>
        <span class="btn-icon">
        <i class="navigateright button-icon"></i>
        </span>
        </button>
</div>

Answer 1

i fixed it by adding $event in my function and saying preventDefault(). code below.

in html:

 <button ng-click="subnmitPage($event)"/>

and in controller

$scope.subnmitPage=function(event){
     event.preventDefault();
}

输入角度js阻止提交

1 个答案: