PLUNKER
HTML
<input type="text" id="order" ng-model="order" name="order" class="form-control" ng-pattern="/^[0-9]*$/" ng-minlength="9" maxlength="9" required="" ng-blur="something()" />
JS
var app = angular.module('plunker',[]); app.controller('MainCtrl',function($scope) { $scope.something=function(){ if($scope.routingNumber.$valid) alert("yippie"); } });
解决方法
你去:
http://plnkr.co/edit/g4ecmWToQPbOKAk3XvNt?p=preview(完整表格)
http://plnkr.co/edit/Zep8D4AXvkzwpqcFFXjR?p=preview(仅限订单栏)
http://plnkr.co/edit/Zep8D4AXvkzwpqcFFXjR?p=preview(仅限订单栏)
您只需将表单传递给您的某种方法即可.
<input type="text" id="order" ng-model="order" name="order" class="form-control" ng-pattern="/^[0-9]*$/" ng-minlength="9" maxlength="9" required="" ng-blur="something(myform)" />
在你的JS中:
app.controller('MainCtrl',function($scope) { $scope.something = function(form) { if (form.order.$valid) { alert("yippie"); } } });
您可以在文档中找到有关表单验证和错误的更多信息:https://docs.angularjs.org/guide/forms