angularjs – 在有效模糊上调用函数

前端之家收集整理的这篇文章主要介绍了angularjs – 在有效模糊上调用函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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(仅限订单栏)

您只需将表单传递给您的某种方法即可.

<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

猜你在找的Angularjs相关文章