angularjs - 登录页面不起作用角度js

Question

当表单字段中没有任何内容时，我正在尝试禁用我的登录按钮。我已经在使用 ng-disabled，任何机构都可以帮助它为什么没有被禁用。找到下面的示例代码：我在以前的帖子中检查过，但那里编写的代码与格式几乎相同。我仍然无法禁用它

<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>

此处定义的表单是一个简单的表单，但我无法禁用登录按钮

Answer 1

可能您错过了"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>

Answer 2

如果您想在第一次加载表单时保持禁用按钮，您可以编写以下代码：

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