Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在第一次更改角度时触发表单输入验证_Angular_Forms_Angular Reactive Forms_Angular Forms_Angular Validation - Fatal编程技术网

Angular 如何在第一次更改角度时触发表单输入验证

Angular 如何在第一次更改角度时触发表单输入验证,angular,forms,angular-reactive-forms,angular-forms,angular-validation,Angular,Forms,Angular Reactive Forms,Angular Forms,Angular Validation,在Angular 5应用程序中,我希望覆盖一些表单输入的默认验证行为。特别是,我希望在用户插入内容后立即触发字段验证 目前,默认行为如下所示。例如,假设您有一个只允许整数的验证器 最初,该字段是原始的和空的: 然后用户聚焦输入并输入一些数据: 尽管插入的值无效(因为它不是整数),但尚未触发验证。一旦用户离开焦点(例如按TAB键或对焦另一个输入),就会触发: 从现在起,每次更改都会触发验证。 因此,如果用户现在返回字段并插入有效值,验证程序将立即执行其工作: 我想让验证程序在插入一些无效

在Angular 5应用程序中,我希望覆盖一些表单输入的默认验证行为。特别是,我希望在用户插入内容后立即触发字段验证

目前,默认行为如下所示。例如,假设您有一个只允许整数的验证器

最初,该字段是原始的和空的:

然后用户聚焦输入并输入一些数据:

尽管插入的值无效(因为它不是整数),但尚未触发验证。一旦用户离开焦点(例如按TAB键或对焦另一个输入),就会触发:

从现在起,每次更改都会触发验证。

因此,如果用户现在返回字段并插入有效值,验证程序将立即执行其工作:


我想让验证程序在插入一些无效数据后立即将该字段标记为无效,即使用户第一次插入数据并且从未离开该字段

我认为,如果在组件中创建表单时正确连接验证程序,也可以

例:

在这里,只要用户名长度超过4个字符,您就会看到消息

this.myReactiveForm  = new FormGroup({
  'name': new FormControl(this.user.name, [
    Validators.required,
    Validators.minLength(4)
  ]),