如何在模板形式 Angular 2 中使用最小、最大验证[重复]

2024-05-06

我尝试在模板表单中使用 min 验证,但它不起作用。如何以模板形式使用它?感谢您的帮助。

      <input type="number" class="form-control" name="srvc_sub_cnt{{i}}" 
          [ngModel]="s?.srvc_sub_cnt" (ngModelChange)="s?.srvc_sub_cnt?
               s.srvc_sub_cnt=$event:null"
          required #srvc_sub_cnt="ngModel" pattern="^[0-9]+$" min="1">

        <div class="cell table-info" *ngIf="srvc_sub_cnt.errors?.min" class="form_error">
                    Service Subscribers must be greater than 0.
                  </div>

To use min/max validations在输入类型上number你必须创建Custom Validators

您可以使用this https://github.com/yuyang041060120/ng2-validation图书馆。它实现了很多custom validator

在您的代码中包含上述库,您可以使用min/max like

<input type="number" [(ngModel)]="model.field" name="field" #field="ngModel" [min]="10"/>
<p *ngIf="field.errors?.min">error message</p>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在模板形式 Angular 2 中使用最小、最大验证[重复] 的相关文章

随机推荐