[英]angular 6 password validation not working
i am trying to validate below field. 我正在尝试验证以下字段。 but error messages did not appear. 但是没有出现错误信息。 please check my code. 请检查我的代码。 thanks 谢谢
<div class="form-group">
<input type="password" minlength="10" required [ngClass]="{'is-invalid':lgform.submitted && password.invalid}" name="password" id="inputPassword" #password="ngModel" class="form-control" placeholder="Password" [(ngModel)]="model.password">
<div *ngIf="lgform.submitted && password.invalid" class="invalid-feedback">
<div *ngIf="password.errors['required']">Password is required</div>
<div *ngIf="password.errors['minlength']">minlength 10</div>
</div>
</div>
use <form #lgform="ngForm">
in your code. 在代码中使用<form #lgform="ngForm">
。
component.html component.html
<form #lgform="ngForm">
<div class="form-group">
<input type="password" minlength="10" required [ngClass]="{'is-invalid':lgform.submitted && password.invalid}"
name="password" id="inputPassword" #password="ngModel" class="form-control" placeholder="Password"
[(ngModel)]="model.password">
<div *ngIf="lgform.submitted && password.invalid" class="invalid-feedback">
<div *ngIf="password.errors['required']">Password is required</div>
<div *ngIf="password.errors['minlength']">minlength 10</div>
</div>
</div>
<button type="submit" class="btn btn-success">Submit</button>
</form>
Take a look at my library Easy Angular. 看看我的图书馆Easy Angular。
https://github.com/adriandavidbrand/ezng https://github.com/adriandavidbrand/ezng
And have a look at a StackBlitz demo on how easy form validation with it is. 并查看StackBlitz演示,了解如何轻松进行表单验证。
https://stackblitz.com/edit/angular-8brst8?file=src%2Fapp%2Fapp.component.html https://stackblitz.com/edit/angular-8brst8?file=src%2Fapp%2Fapp.component.html
None of the boilerplate code is needed. 不需要任何样板代码。
<ez-password minlength="10" required>Password</ez-password>
Is all you need. 是你所需要的全部。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.