如何使用angular.js验证文本字段中的字符

Question

我需要一个帮助。我有一个文本字段，它将使用angular.js.验证一些特定的文本。我在下面解释我的代码。

<div class="input-group bmargindiv1 col-md-12"> 
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">User Role :</span> 
<input type="text" name="colgmname" id="resourcerole" class="form-control" placeholder="Add User Role" ng-model="user_role" ng-keypress="clearField('resourcerole');" > 
</div> 

在上述文本字段，如果用户将进入特定PRINCPAL/princpal和HOD/hod它不会采取并显示与在场上的红色边界的验证消息。

Answer 1

使用此代码：DEMO

<input type="text" name="colgmname" id="resourcerole" placeholder="Add User Role" ng-model="user_role" ng-keypress="clearField('resourcerole');" validation-for-pattern> 

定制指令::

app.directive('validationForPattern', function() { 
    return { 
     restrict: "A", 
     require: "ngModel", 
     link: function (scope, element, attributes, ngModel) { 
      ngModel.$validators.validationForPattern = function (modelView) { 
       if (modelView != "") { 
         var value = modelView.toLowerCase();   
        if (value === 'princpal' || value === 'hod') 
         return false; 
        else 
         return true; 
       } 
      } 
     } 
    }; 
});