角反应形式,其初始化未经验证

时间:2018-11-30 15:04:54

标签: angular

角形反应形式,其初始化未经验证。 我的代码:

 this.user = new FormGroup({
      category: new FormControl(''),
      // tslint:disable-next-line:max-line-length
      id: new FormControl(''),
      phone: new FormControl('', [Validators.required, Validators.pattern(/^1[0-9]{10}$/)]),
      name: new FormControl('', [Validators.required]),
      // tslint:disable-next-line:max-line-length
      idCard: new FormControl('', [Validators.pattern(/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/)]),
      code: new FormControl('', [Validators.required])
    });
  }

现在的效果是:             enter image description here

我的意思是,第一次提交表单时不执行校验和规则。   请帮助我,谢谢。

1 个答案:

答案 0 :(得分:0)

它已在AbstractControl中被“触动”。它可以帮助我们查看是否单击了控件。 https://www.angular.cn/api/forms/AbstractControl#touched