2017-06-20 107 views
0

如何验证密码并确认密码是否必须相同否则不提交。以角度更改密码验证2

<div class="col-md-6 col-md-offset-3"> 
    <h2>Change Password</h2> 
    <form name="form1" (ngSubmit)="f.form.valid && cpass()" #f="ngForm" novalidate> 
     <div class="form-group" [ngClass]="{ 'has-error': f.submitted && !password.valid }"> 
      <label for="password">Password</label> 
      <input type="password" class="form-control" name="password" [(ngModel)]="model.password" #password="ngModel" required /> 
      <div *ngIf="f.submitted && !password.valid" class="help-block">Password is required</div> 
     </div> 
     <div class="form-group" [ngClass]="{ 'has-error': f.submitted && !confirm-password.valid }"> 
      <label for="confirm-password">Confirm Password</label> 
      <input type="password" class="form-control" name="confirm-password" [(ngModel)]="model.confirm-password" #password="ngModel" required /> 
      <div *ngIf="f.submitted && !confirm-password.valid" class="help-block">Password is required</div> 
     </div> 
     <div class="form-group"> 
      <button class="btn btn-primary">Save</button> 
      <a [routerLink]="['/home']" class="btn btn-link">Cancel</a> 
     </div> 
    </form> 
</div> 
+0

可能重复https://stackoverflow.com/questions/44449673/angular-4-custom-validator-on-reactive-form-for-password-and-confirm-password -m/44449802#44449802 –

+0

只需在你的输入标签处添加pattern =“^ [a-zA-Z0- 9 _。+ - ] + @ [a-zA-Z0-9 - ] +。[a-zA-Z0-9 - 。] + $“(仅用pas剑验证) –

+0

点击保存按钮后我想从输入框中删除文本/密码,请解决任何问题? @ Yoav Schniederman – Krunal

回答