                        课程
                    
                        /前端开发
                        
                            /Angular
                        
                        /AngularJS表单验证

俩个input其中一个合法之后禁用另一个，发现下面按钮一直是禁用的？

yuyan

2016-09-14

源自：AngularJS表单验证 2-5

关注问题我要回答

1243

操作

收起

3 回答

FDU_XN 回答被采纳 +3 积分
2016-11-22

ng-disabled="signUpForm.username.$invalid" 没加判断对象username

0 回复有任何疑惑可以回复我~

收起回答

yuyan 提问者

非常感谢！

2016-11-30 回复有任何疑惑可以回复我~

yuyan 提问者
2016-09-14

下面的按钮一直处于禁用状态

0 回复有任何疑惑可以回复我~

收起回答

yuyan 提问者
2016-09-14

上面的一个合适的？为什么我添加另一个按钮后，不管哪个禁用，下面的提交按钮一直处于禁用状态，求指教

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>angular</title>
       <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
       <style>
           .red{background: #a10;}
           .error{

               color: #a10;
           }

           input.error{
               box-shadow: 0 0 5px #a30;
               border: 2px solid #a10;

           }
       </style>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       <form name="signUpFrom" ng-submit="submitForm(signUpFrom.$valid)" novalidate="novalidate">
           <div class="form-group">
               <label>用户名：</label>
               <input class="form-control"
                   ng-model="uesrname"
                   type="text"
                   name="username"
                   ng-minlength="4"
                   ng-maxlength="10"
                   required
                   ng-disabled="signUpFrom.username2.$valid"
                    ng-class="{ 'error':signUpFrom.username.$invalid && signUpFrom.username.$touched}"
                   />

               <input class="form-control"
                   ng-model="uesrname2"
                   type="text"
                   name="username2"
                   required
                   ng-disabled="signUpFrom.username.$valid"
                   />
           </div>
           <button class="btn btn-primary" type="submit" ng-disabled="signUpFrom.$invalid">提交</button>

       </form>

       <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
       <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
   </body>
</html>