angular 验证输入

最新推荐文章于 2020-12-23 03:03:55 发布

Jonly_W

最新推荐文章于 2020-12-23 03:03:55 发布

阅读量388

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/Jonly_W/article/details/79084743

版权

angular 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="js/angular.js" ></script>
       <script>
           var app=angular.module("myApp",[])
           app.controller("myCtrl",function($scope){
               //给属性赋值
               $scope.user="凯文n";
               $scope.pass="123";

           })

       </script>
       <style>
           span{
               color: red;
           }
       </style>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
          <form name="myfrom">
           <input type="text" placeholder="请输入姓名" name="user" ng-model="user" required/>
           <span ng-show="myfrom.user.$error.required">不能为空</span><br/>

           <input type="text" placeholder="请输入密码" name="pass" ng-model="pass" required />
           <span ng-show="myfrom.pass.$error.required">也是不能为空</span>

          </form>
   </body>

</html>