I have implemented 'change password' functionality and it has 'old password', 'new-password' and 'retype password' fields. All these passwords fields suggest some other user account's passwords as auto-complete fields. How to disable autocomplete in password fields. (chrome version-83.0.4103.116, Firefox version-78.0.1)
I have tried the following, and put in both form and input fields.
autocomplete ="off"
autocomplete ="nope"
autocomplete ="false"
autocomplete ="new-password"
none of these are working.
my password input code as below
<div class="form-group col">
<label for="oldPassword">Old Password</label>
<input type="password" formControlName="oldPassword" class="form-control" [ngClass]="{ 'is-invalid': submittedupdatepassword && updatepassform.oldPassword.errors }" />
<div *ngIf="submittedupdatepassword && updatepassform.oldPassword.errors" class="invalid-feedback">
<div *ngIf="updatepassform.oldPassword.errors.required">old password is required</div>
</div>
</div>
<form [formGroup]="updatepasswordform" (ngSubmit)="updatePassword()">
<div class="form-row">
<div class="form-group col">
<label for="oldPassword">Old Password</label>
<input type="password" formControlName="oldPassword" class="form-control" [ngClass]="{ 'is-invalid': submittedupdatepassword && updatepassform.oldPassword.errors }" />
<div *ngIf="submittedupdatepassword && updatepassform.oldPassword.errors" class="invalid-feedback">
<div *ngIf="updatepassform.oldPassword.errors.required">old password is required</div>
</div>
</div>
<div class="form-group col">
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="newPassword">New Password</label>
<input type="password" formControlName="newPassword" class="form-control" [ngClass]="{ 'is-invalid': submittedupdatepassword && updatepassform.newPassword.errors }" />
<div *ngIf="submittedupdatepassword && updatepassform.newPassword.errors" class="invalid-feedback">
<div *ngIf="updatepassform.newPassword.errors.required">password is required</div>
<div *ngIf="updatepassform.newPassword.errors.minlength">password should contain minimum 8 characters</div>
<div *ngIf="updatepassform.newPassword.errors.pattern">* Minimum eight in length.<br />
* At least one upper and one lower case English letter.<br />
* At least one digit.<br />
* At least one special character [#?!@$%^&*-].<br /></div>
</div>
</div>
<div class="form-group col"></div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="confirmPassword">Retype Password</label>
<input type="password" formControlName="confirmPassword" class="form-control" [ngClass]="{ 'is-invalid': submittedupdatepassword && updatepassform.confirmPassword.errors }" />
<div *ngIf="submittedupdatepassword && updatepassform.confirmPassword.errors" class="invalid-feedback">
<div *ngIf="updatepassform.confirmPassword.errors.required">Retype password is required</div>
</div>
</div>
<div class="form-group col"></div>
</div>
<div class="errMsg" >{{errorMsg}}</div>
<div class="successMsg" >{{successMsg}}</div><br>
<div class="form-group">
<button class="col-sm-2 update-btn btn btn-sm btn-rectangle btn-default text-case">
Upadate
</button>
</div>
</form>