Angular严格模式下破坏了邮箱表单字段上的CustomValidator。
创始人
2024-10-30 11:00:33
0

在模板驱动表单中,应该在FormControl内部添加CustomValidator函数,并返回一个对象来指示验证结果。但是,由于严格模式的一些限制,具有参数null的函数引用将被视为未定义,因此验证器无法正常工作。

要解决这个问题,可以使用lambda表达式来定义CustomValidator函数,并在validator属性中引用它。这可以确保函数不会被识别为未定义的。

以下是示例代码:

在组件类中定义CustomValidator:

export class MyComponent {
  myValidator = (): ValidatorFn => {
    return (control: AbstractControl): ValidationErrors | null => {
      const emailRegex = /\S+@\S+\.\S+/;
      const valid = emailRegex.test(control.value);
      return valid ? null : { invalidEmail: true };
    };
  }
}

将此ValidatorFn添加到email表单字段的验证器中:


注意:如果你正在使用响应式表单,则在FormControl上添加CustomValidator函数并不会受到严格模式的影响。但是,如果您在模板驱动的表单中使用CustomValidator,则应该采用上述解决方案。

相关内容

热门资讯

一分钟讲究!欢欢辅助软件怎么样... 一分钟讲究!欢欢辅助软件怎么样(辅助挂)果然是有挂的(黑科技教程开挂辅助软件)【无需打开直接搜索加薇...
8分钟辅助!wepokerpl... 8分钟辅助!wepokerplus辅助辅助(辅助挂)果然确实有挂(详细教程开挂辅助平台) >>您好:...
9分钟讲究!大咖娱乐挂脚本(辅... 9分钟讲究!大咖娱乐挂脚本(辅助挂)果然真的有挂(曝光教程开挂辅助工具)您好:大咖娱乐挂脚本这款游戏...
第2分钟辅助!小闲川南辅助(辅... 第2分钟辅助!小闲川南辅助(辅助挂)原来确实有挂(扑克教程!开挂辅助下载);无需打开直接搜索薇:13...
第七分钟发现!蜀山四川免费辅助... 第七分钟发现!蜀山四川免费辅助软件下载(辅助挂)一贯有挂(安装教程开挂辅助软件)>>您好:软件加薇1...
6分钟辅助!胡易决胜麻架辅助(... 6分钟辅助!胡易决胜麻架辅助(辅助挂)一贯有挂(科技教程开挂辅助下载);打开点击测试直接进入微信(1...
两分钟详情!微乐小程序黑科技(... 您好:这款微乐小程序黑科技游戏是可以开挂的,确实是有挂的,很多玩家在这款微乐小程序黑科技游戏中打牌都...
7分钟讲究!九酷众游辅助(辅助... >>您好:九酷众游辅助确实是有挂的,很多玩家在这款九酷众游辅助游戏中打牌都会发现很多用户的牌特别好,...
第8分钟明白!顺欣茶楼辅助视频... 第8分钟明白!顺欣茶楼辅助视频(辅助挂)其实真的有挂(切实教程开挂辅助脚本) 【无需打开直接搜索加薇...
六分钟了解!阿当比鸡有辅助吗(... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加(136704302)微信号是一款...