Javascript &引用;";使用Angular2时不应用验证规则;ngForm.valid“有效”;

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>

我使用Angular 8表单模块进行表单验证。我的问题是“min”验证规则在验证时不适用。这是我的样本表格:

html:

<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,但没什么变化