Javascript &引用;";使用Angular2时不应用验证规则;ngForm.valid“有效”;
我使用Angular 8表单模块进行表单验证。我的问题是“min”验证规则在验证时不适用。这是我的样本表格: html:Javascript &引用;";使用Angular2时不应用验证规则;ngForm.valid“有效”;,javascript,angular,validation,angular2-forms,html5-validation,Javascript,Angular,Validation,Angular2 Forms,Html5 Validation,我使用Angular 8表单模块进行表单验证。我的问题是“min”验证规则在验证时不适用。这是我的样本表格: html: <form #form="ngForm" (ngSubmit)="form.valid && submit()"> <input type="number" min="5" required name="count" [(ngModel)]="count"> <button>submit</button>
<form #form="ngForm" (ngSubmit)="form.valid && submit()">
<input type="number" min="5" required name="count" [(ngModel)]="count">
<button>submit</button>
<br><br>
Submitted value is : {{submittedValue || "Nothing yet..."}}
</form>
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
count = -5;
submittedValue :number;
submit(){
console.log(this.count);
this.submittedValue = this.count;
}
}
您可以在此处测试运行代码:当前模板驱动的表单不支持最小、最大验证。 您需要为模板驱动的表单实现自定义验证器,或者为响应式表单实现自定义验证器 您可以查看这个-它可以帮助您使用模板驱动表单的自定义验证器
看看这个答案 你可以取最小值=0最大值=99999@Mridul我加了max,但没什么变化