程序博客网 > 李喆工笔画网络班

angular 验证===错误信息在div中

来源：互联网发布：李喆工笔画网络班编辑：程序博客网时间：2024/06/04 18:17

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/jquery-1.11.1.js" type="text/javascript" charset="utf-8"></script>

  <style>
   button{
    background-color: greenyellow;
    color: white;
   }
   div{
    width: 300px;
    background-color: pink;
   }
  </style>


  <script>
   var app = angular.module("myapp", []);
   app.controller("my", function($scope) {
    $scope.tijiao = function() {
     //在下面定义的数据
     $scope.cuo = [];


     //判断密码
     if($scope.pwd == undefined || $scope.pwd == "") {
      $scope.cuo.push("密码不能为空");
      $(".pwd").css("border-color", "red");
     } else if($scope.pwd.length < 6) {
      $scope.cuo.push("密码长度不能小于6");
      $(".pwd").css("border-color", "red");
     }


     //判断确认密码
     if($scope.pwd2 == undefined || $scope.pwd2 == "") {
      $scope.cuo.push("确认密码不能为空");
      $(".pwd2").css("border-color", "red");
     } else if($scope.pwd != $scope.pwd2) {
      $scope.cuo.push("两次密码不一致");
      $(".pwd").css("border-color", "red");
     }


     //添加成功
     if($scope.cuo.length == 0) {
      alert("添加成功");
     }
    }
   })
  </script>
</head>

<body ng-app="myapp" ng-controller="my">
  密码：<input type="password" ng-model="pwd" class="pwd" /> <br />
  确认密码：<input type="password" ng-model="pwd2" class="pwd2" /><br />
  
  <div>
   <ul>
    <li ng-repeat="i in cuo">{{i}}</li>
   </ul>
  </div>
  
  <button ng-click="tijiao()">提交</button>
</body>

</html>

阅读全文

0 0

李喆工笔画网络班

李喆工笔画网络班

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子女人内裤图片男大女9岁女人身体图片女人窝图片女人3 .女人爱女人网 ,女人我居然变成了女的池瑶女皇女皇之刃肛裂女皇女皇撞到正女皇娱乐圈女皇荡漾女皇家政女皇绯红女皇英国女皇女皇图片女皇英文女皇英语女皇天下之美男十夫荡漾女皇全文阅读董事长的女皇生活校园女皇狠强势一代女皇武则艳李丽英全民养成之女皇殿下黑兽精灵女皇结局女皇陛下的绝色男妃强了精灵女皇女皇的后宫三千女皇天下之倾尽美男丝大魔王女皇全集一代女皇吃死人曝光放开那个女皇精灵时代超能女皇暗帝追妻杀手女皇在校园精灵时代之超能女皇预言中华再出一个女皇随身空间之末世丧尸女皇