倆個(gè)input其中一個(gè)合法之后禁用另一個(gè)，發(fā)現(xiàn)下面按鈕一直是禁用的？
<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}"
?? ??? ??? ??? ??? ?/>
?? ??? ??? ??? ??? ?
?? ??? ??? ?</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>
2016-11-22
ng-disabled="signUpForm.username.$invalid" ?沒加判斷對象username
2016-09-14
2016-09-14
上面的一個(gè)合適的？為什么我添加另一個(gè)按鈕后，不管哪個(gè)禁用，下面的提交按鈕一直處于禁用狀態(tài)，求指教
<!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>