Question

我有一个登录表单，我使用Angular 2表单验证进行了验证，如下所示。

  <form name="form" (ngSubmit)="f.form.valid && login()" #f="ngForm" novalidate class="loginForm">
    <div class="form-group" [ngClass]="{'has-error': f.submitted && !username.valid}">
      <label class="lbl">*Username</label>
      <input type="text" class="form-control uname" name="username" autofocus [(ngModel)]="model.username" #username="ngModel" required
        >
      <div class="alert alert-danger" [hidden]="!f.submitted || (username.touched && username.valid)">User Name is required</div>
    </div>

我使用过ngModel =＆＃34; model.username＆＃34;因为model是一个对象，我将向后端发送用户名和密码。

表单，验证工作正常，但是当用户使用自动保存的浏览器保存用户名和密码时，打开页面并单击登录按钮，验证失败并给出错误消息。要么我想从浏览器中删除自动保存的详细信息，要么在数据已经存在的情况下应该验证为真。

任何帮助都将受到高度赞赏。

Answer 1

这与Angular无关。在autocomplete="off"元素上添加form属性可禁用浏览器提供的自动完成功能。

Answer 2

只需在 autocomplete="new-password"

的输入字段中添加以下 property form

<input type="password" autocomplete="new-password" />

如果您有密码字段，请将其添加到密码输入字段中。

Angular 2 - 删除自动保存用户名和密码

2 个答案: