我正在尝试使用angular-ui来设置表单验证.我想在提交表单之前检查表单是否有效,因此我已经设置了一个ng-submit事件处理程序.
但是,在甚至实现任何验证之前,我注意到即使没有提交表单也会调用事件处理程序.在下面的示例中,当我单击添加项按钮时,它会被调用:
<div ng-app="app"> <div ng-controller="ctrl"> <form name="myForm" ng-submit="sub()" novalidate> <div ng-repeat="item in items"> <ng-form name="row"> <input type="text" name="value" ng-model="item.value" required /> </ng-form> </div> <button ng-click="addItem()">Add Item</button> <input type="submit" value="Submit"/> </form> </div> </div>
和JS:
var app = angular.module('app',['ng']); app.controller('ctrl',['$scope',function($scope) { $scope.items = []; $scope.addItem = function() { $scope.items.push({ value: $scope.items.length }); }; $scope.sub = function() { alert("submitted?"); }; }]);
在这里看我的小提琴
这是应该发生的吗?似乎对我来说,ng提交不仅仅是在表单提交…我做错了吗?