按输入按钮提交

时间:2016-12-14 08:06:39

标签: html angular

我有这个登录表单:

<div class="form col-md-12 center-block">
      <br />
      <div class="form-group">
        <input autocomplete="off" (keyup.enter)="focusElement(psw, $event)" autofocus type="text" class="form-control input-lg" [(ngModel)]="model.username" placeholder="Username" name="username">
      </div>
      <div class="form-group">
        <input autocomplete="off" #psw (keyup.enter)="focusElement(btn, $event)" type="password" class="form-control input-lg" [(ngModel)]="model.password" placeholder="Password" name="password">
      </div>
      <div class="form-group">
        <button #btn (click)="login()" class="btn btn-primary btn-lg btn-block" [disabled]="loading" type="text">login</button>
        <img *ngIf="loading" src="data:image/gif>
      </div>
      <div *ngIf="error" class="alert alert-danger">
        {{error}}
      </div>
    </div>

当页面加载时,我的焦点设置在用户名输入上,然后我点击回车,我的焦点转到密码,然后我必须单击输入两次,然后我在下一页登录。

我会点击这样输入:在用户名之后,当我输入密码时,单击一次输入,并提交登录按钮。

1 个答案:

答案 0 :(得分:-1)

你能使用表单元素的(submit)方法吗?