如何使用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; 
       } 
      } 
     } 
    }; 
});