如何在模板表单angular 2中使用最小、最大验证 [英] How to use min, max validation in template form angular 2

问题描述

我尝试在模板表单中使用最小验证，但是没有用.如何以模板形式使用它?感谢您的帮助.

 <div class="cell table-info" *ngIf="srvc_sub_cnt.errors?.min" class="form_error">服务订阅者必须大于 0.

解决方案

要在 number 类型的输入上使用 min/max validations，您必须创建 自定义验证器

您可以使用这个库.它实现了很多自定义验证器

在你的代码中包含上面的库，你可以像

一样使用min/max

<p *ngIf="field.errors?.min">错误信息</p>

I tried to use min validation in template form, but it didn't work. How to use it in template form? Thanks for your help.

      <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 on input of type number you'll have to create Custom Validators

You can use this library. It implements a lot of custom validator

Including above library in your code, you can use min/max like

<input type="number" [(ngModel)]="model.field" name="field" #field="ngModel" [min]="10"/>
<p *ngIf="field.errors?.min">error message</p>

这篇关于如何在模板表单angular 2中使用最小、最大验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！