Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular 6密码验证不起作用_Javascript_Angular_Validation_Angular6 - Fatal编程技术网

Javascript angular 6密码验证不起作用

Javascript angular 6密码验证不起作用,javascript,angular,validation,angular6,Javascript,Angular,Validation,Angular6,我正在尝试验证下面的字段。但没有出现错误消息。请检查我的密码。谢谢 <div class="form-group"> <input type="password" minlength="10" required [ngClass]="{'is-invalid':lgform.submitted && password.invalid}" name="password" id="inputPassword" #password="

我正在尝试验证下面的字段。但没有出现错误消息。请检查我的密码。谢谢

     <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>

密码是必需的
最小长度10

看看我的库

然后看一看StackBlitz的演示,演示如何使用它进行表单验证

不需要任何样板代码

<ez-password minlength="10" required>Password</ez-password>
密码
是您所需要的全部。

在代码中使用

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>

密码是必需的
最小长度10
提交

找到了解决方案。。密码应该是8个字符,至少一个字母和一个数字。请从您的链接中添加相关代码以获得此答案。