登录页面不工作 angular js
Login page not working angular js
当表单字段中没有任何内容时,我试图禁用我的登录按钮。我已经在使用 ng-disabled,任何人都可以帮助它为什么没有被禁用。
找到下面的示例代码:我已经检查过以前的帖子,但是那里编写的代码与格式几乎相同。我仍然无法禁用它
<b>
<form role="form" name="form" id="form" ng-submit="loginValidate()">
<div class="jumbotron">
<div class="form-group">
<label>Username </label> <input class="form-text" type="text" ng-model="username" name="username" />
</div>
<div class="form-group">
<label>Password </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>
这里定义的表单是一个简单的表单,但我无法禁用登录按钮
可能您没有在输入字段中使用 "required"
标签!
像下面这样尝试一次
<b>
<form role="form" name="form" id="form" ng-submit="loginValidate()">
<div class="jumbotron">
<div class="form-group">
<label>Username </label> <input class="form-text" type="text" ng-model="username" name="username" required />
</div>
<div class="form-group">
<label>Password </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>
如果你想在第一次加载表单时保持按钮禁用,你可以编写以下代码:
<button type="submit" class="btn btn-primary" ng-click="submitted=true" ng-disabled="form.$invalid || !username || !password">Login</button>
当表单字段中没有任何内容时,我试图禁用我的登录按钮。我已经在使用 ng-disabled,任何人都可以帮助它为什么没有被禁用。 找到下面的示例代码:我已经检查过以前的帖子,但是那里编写的代码与格式几乎相同。我仍然无法禁用它
<b>
<form role="form" name="form" id="form" ng-submit="loginValidate()">
<div class="jumbotron">
<div class="form-group">
<label>Username </label> <input class="form-text" type="text" ng-model="username" name="username" />
</div>
<div class="form-group">
<label>Password </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>
这里定义的表单是一个简单的表单,但我无法禁用登录按钮
可能您没有在输入字段中使用 "required"
标签!
像下面这样尝试一次
<b>
<form role="form" name="form" id="form" ng-submit="loginValidate()">
<div class="jumbotron">
<div class="form-group">
<label>Username </label> <input class="form-text" type="text" ng-model="username" name="username" required />
</div>
<div class="form-group">
<label>Password </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>
如果你想在第一次加载表单时保持按钮禁用,你可以编写以下代码:
<button type="submit" class="btn btn-primary" ng-click="submitted=true" ng-disabled="form.$invalid || !username || !password">Login</button>