通過ng-pattern在輸入字段中限制少量特殊字符

我有一個密碼，它應該是最少8個字符，帶有字母數字和符號，除了&，「，％.I給定了ng-pattern和restricted幾個符號。但是當我輸入&時它也接受。這個ng-pattern通常起作用。當你輸入&和$時，它同時接受。而它不應該允許&。這就是我的一點通過ng-pattern在輸入字段中限制少量特殊字符

<div class="form-group fields col-xs-12 col-sm-6 col-md-4 col-lg-4" ng-class="{'has-error' : (submitted || tForm.password.$dirty || tForm.submitted) && tForm.password.$invalid }"> 
    <input type="password" name="password" placeholder ="Password*" class="form-control1" autocomplete="off" ng-model="model.password" ng-minlength="8" ng-maxlength="20" required ng-pattern="/(?=.*[a-z])(?=.*[A-Z])(?=.*[[email protected]#$^*)(._-])(?=.*[^a-zA-Z._-])(?=.*[^a-zA-Z._-])/" /> 
<div ng-show="!tForm.password.$error.required && (tForm.password.$error.minlength || tForm.password.$error.maxlength) && tForm.password.$dirty" class="help-block">Passwords must be between 8 and 20 characters.</div> 
     <div ng-show="!tForm.password.$error.required && !tForm.password.$error.minlength && !tForm.password.$error.maxlength && tForm.password.$error.pattern && tForm.password.$dirty" class="help-block">Must contain one lower &amp; uppercase letter, number and one non-alpha character (except %,",")</div> 
     <div ng-show="(submitted && tForm.password.$error.required) " class="help-block">password is required.</div> 
     </div>

來源

2017-03-16 Nicoleta Wilskon

檢查這一項。這對我來說很好，不接受&和％。

<!DOCTYPE html> 
<html ng-app="myapp"> 

    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    </head> 
    <body> 
    <div ng-controller="myCtrl"> 
    <form name="myForm" ng-submit="onSubmit()"> 
    <input type="text" ng-model="price" name="price_field" 
      ng-pattern="/(?=.*[a-z])(?=.*[A-Z])(?=.*[[email protected]#$^*)(._-])(?=.*[^a-zA-Z._-])(?=.*[^a-zA-Z._-])/" required> 
    <span ng-show="myForm.price_field.$error.pattern">Not a valid password</span> 
    <span ng-show="myForm.price_field.$error.required">This field is required!</span> 
    <input type="submit" value="submit"/> 
    </div> 
    </form> 
    <script> 
    angular.module('myapp',[]) 
    .controller('myCtrl',function($scope){ 

    }) 
    </script> 
    </body> 

</html>

來源

2017-03-16 11:54:15

嗨，這將工作。但是，當你輸入＆和$時，它同時接受。而它不應該允許＆。這是我的觀點。 –

爲您編輯代碼。它爲我工作。 –

通過ng-pattern在輸入字段中限制少量特殊字符

回答

相關問題