首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在angularjs中结合字母、数字和特殊类来验证我的密码?

如何在angularjs中结合字母、数字和特殊类来验证我的密码?
EN

Stack Overflow用户
提问于 2018-11-22 17:20:57
回答 2查看 253关注 0票数 1

我在我的登录表单中使用了角度验证。如何设置特殊字符、字母和数字组合的密码字段验证。那么任何人都可以帮助我如何设置我的密码?

我的HTML代码是,

代码语言:javascript
运行
复制
        <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>

我的控制器是,

代码语言:javascript
运行
复制
    angular.module('loginApp',[])
    .controller('loginController',function($scope){
    $scope.obj={};

    $scope.submit=function(){
        alert('submit');
        console.log( $scope.obj);
    }

    })
EN

Stack Overflow用户

发布于 2018-11-22 18:29:21

您好,yazhini k,您可以检查您的密码强度如下:

代码语言:javascript
运行
复制
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);
    }

    })
代码语言:javascript
运行
复制
<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>

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53427526

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档