登錄頁面不工作角js

我想禁用我的登錄按鈕，當表單域中沒有任何內容時。我已經在使用ng-disabled，任何機構都可以幫助它禁用它。查找下面的示例代碼：我檢查了以前的帖子，但寫在那裏的代碼幾乎與格式相同。我仍然無法禁用它登錄頁面不工作角js

<b> 
     <form role="form" name="form" id="form" ng-submit="loginValidate()"> 
<div class="jumbotron"> 
<div class="form-group">   
<label>Username &nbsp;</label> <input class="form-text" type="text" ng-model="username" name="username" />     
</div>      
<div class="form-group">       
<label>Password &nbsp;</label> <input class="form-text" type="text" ng-model="password" name="password" />  
</div>     
<div> 
<p>      
<button type="submit" class="btn btn-primary"       
ng-click="submitted=true" ng-disabled="form.$invalid">Login</button>   
</p>      
</div>     
</form> 
<b>

這裏定義的形式是一個簡單的表格，但我不能夠禁用登錄按鈕

來源

2016-02-04 John Doe

也許你錯過了使用"required"標籤輸入字段中！

嘗試像下面一次

<b> 
<form role="form" name="form" id="form" ng-submit="loginValidate()"> 
<div class="jumbotron"> 
<div class="form-group">   
<label>Username &nbsp;</label> <input class="form-text" type="text" ng-model="username" name="username" required />     
</div>      
<div class="form-group">       
<label>Password &nbsp;</label> <input class="form-text" type="text" ng-model="password" name="password" required />  
</div>     
<div> 
<p>      
<button type="submit" class="btn btn-primary"       
ng-click="submitted=true" ng-disabled="form.$invalid">Login</button>   
</p>      
</div>     
</form> 
<b>

來源

2016-02-04 08:00:32

感謝您的指點那個。錯過了。 –

高興地幫助你！ Upvote將不勝感激:) –

如果你想保持按鈕，即使第一時間就是加載表單禁用，你可以在下面的代碼寫：

<button type="submit" class="btn btn-primary" ng-click="submitted=true" ng-disabled="form.$invalid || !username || !password">Login</button>

來源

2016-02-04 08:03:16

謝謝，我錯過了輸入標籤中所需的按鈕。 –

登錄頁面不工作角js

回答

相關問題