判断输入框验证2

最新推荐文章于 2023-06-09 17:06:42 发布

weixin_39792151

最新推荐文章于 2023-06-09 17:06:42 发布

阅读量152

点赞数

本文链接：https://blog.csdn.net/weixin_39792151/article/details/78850677

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <style>

           body{

               width: 300px;
               margin: 0 auto;

           }
           li{
               color: red;
           }
       </style>
       <script src="js/angular.min.js"></script>
       <script src="js/jquery-2.1.0.js"></script>
       <script>
           angular.module("myapp",[])
           .controller("democ",["$scope",function($scope){

               $scope.btn=function(){
                   $scope.arra=[];
               if($scope.passworde==undefined|| $scope.password==""){
                  $scope.arra.push("密码不能为空");
                  $("#aa").css("border-color","red");

               }else if($scope.passworde.length<6){
                      $scope.arra.push("密码长度不能小于6为");
                          $("#aa").css("border-color","red");
                  }else{
                      $("#aa").css("border-color","");
                  }
                   if($scope.chongfu==undefined|| $scope.chongfu==""){
                      $scope.arra.push("重复密码不能为空");
                         $("#bb").css("border-color","red");

                   }else if($scope.passworde!=$scope.chongfu){
                             $scope.arra.push("两次密码不一样");
                   }else if($scope.passworde==$scope.chongfu){
                         $scope.arra.push("两次密码一样");
                         $("#bb").css("border-color","");

                   }
               }

           }])

       </script>

   </head>
   <body ng-app="myapp" ng-controller="democ">
       密码<input placeholder="6-20个字符" ng-model="passworde" id="aa"/><br />
       重复密码<input placeholder="请在此输入密码" ng-model="chongfu" id="bb" /><br />
           <div>
                   <ul>
                       <li ng-repeat="e in arra" >
                           {{e}}

                       </li>
                   </ul>
               </div>
       <input type="button" value="提交" ng-click="btn()" style="margin-left: 30px;"/>
   </body>
</html>