我在我的登录表单中使用了角度验证。如何设置特殊字符、字母和数字组合的密码字段验证。那么任何人都可以帮助我如何设置我的密码?
我的HTML代码是,
<div ng-app="loginApp">
<div ng-controller="loginController">
<div class="container">
<form name="loginForm" ng-submit="submit()">
<h3>Log In</h3>
<div class="row">
<div class="form-group col-md-3">
<label>User Name</label>
<input type="text" class="form-control"
id="username" ng-model="obj.username">
</div>
</div>
<div class="row">
<div class="form-group col-md-3">
<label>Password</label>
<input type="password" class="form-control"
id="pass" ng-model="obj.password">
</div>
</div>
<div class="row">
<div class="form-group col-md-2">
<button type="submit" class="btn btn-primary">
Log In</button>
</div>
</form>
</form>
</div>
</div>
</div>我的控制器是,
angular.module('loginApp',[])
.controller('loginController',function($scope){
$scope.obj={};
$scope.submit=function(){
alert('submit');
console.log( $scope.obj);
}
})发布于 2018-11-22 18:29:21
您好,yazhini k,您可以检查您的密码强度如下:
angular.module('loginApp',[])
.controller('loginController',function($scope){
$scope.obj={};
$scope.submit=function(){
if((!/\d/.test($scope.obj.password))){
alert("password must contain digits");
}
if(!/[A-Z]/.test($scope.obj.password)){
alert("password must contain uppercase letter");
}
if(!/[a-z]/.test($scope.obj.password)){
alert("password must contain lowercase letter");
}
if(!/[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test($scope.obj.password)){
alert("password must contain special character");
}
console.log( $scope.obj);
}
})<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<div ng-app="loginApp">
<div ng-controller="loginController">
<div class="container">
<form name="loginForm" ng-submit="submit()">
<h3>Log In</h3>
<div class="row">
<div class="form-group col-md-3">
<label>User Name</label>
<input type="text" class="form-control"
id="username" ng-model="obj.username">
</div>
</div>
<div class="row">
<div class="form-group col-md-3">
<label>Password</label>
<input type="password" class="form-control"
id="pass" ng-model="obj.password">
</div>
</div>
<div class="row">
<div class="form-group col-md-2">
<button type="submit" class="btn btn-primary">
Log In</button>
</div>
</form>
</form>
</div>
</div>
</div>
https://stackoverflow.com/questions/53427526
复制相似问题