如何在模板表单angular 2中使用最小、最大验证 [英] How to use min, max validation in template form angular 2
本文介绍了如何在模板表单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屋!
查看全文