【问题标题】:How to trigger Form Validators in angular2?如何在 angular2 中触发表单验证器?
【发布时间】:2017-09-09 02:21:30
【问题描述】:

我已经创建了 angular2 web 应用程序。我已经使用表单构建器实现了一个自定义验证器,它将在提交时工作,但我需要在其他表单控件值更改中动态触发验证,请任何人提出建议以实现此目标

谢谢

【问题讨论】:

标签: angular


【解决方案1】:

试试这个

  this.RegisterForm1.controls["form control name"].updateValueAndValidity();

我觉得可以帮到你

【讨论】:

  • 我在哪里添加这个
  • 在您的 ionchange 函数中
【解决方案2】:

这是带有自定义验证的表单示例

formInitilization() {
      this.loginForm = this._fb.group({
        email: ['', [Validators.required ,this.emailValidation]]
      });
  }

  emailValidation(control?:FormControl){ 
  let val=control.value.trim();
  let emailp:any=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
      if(!emailp.test(val))
          return {    isInvalidEmail:true };
      return null;
  }

<input type="text" formControlName="email" autofocus='true'>
<span *ngIf='!loginForm.controls["email"].valid && loginForm.controls["email"].dirty' > 
  Error message
</span>

【讨论】:

    猜你喜欢
    • 2015-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-26
    • 2017-12-09
    • 2016-05-06
    • 1970-01-01
    • 2016-10-26
    相关资源
    最近更新 更多