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,则应该采用上述解决方案。

相关内容

热门资讯

透视真的(wpk猫腻)外挂透明... wpk猫腻新手教程相关信息汇总(需添加指定薇757446909获取下载链接);透视真的(wpk猫腻)...
我来教教你!WPK(wepok... 我来教教你!WPK(wepokE)外挂透明挂辅助软件(辅助挂)透视教程(确实有挂)-哔哩哔哩是一款可...
透视能赢(微扑克规律)外挂透明... WePoke高级策略深度解析‌;透视能赢(微扑克规律)外挂透明挂辅助工具(辅助挂)软件透明挂(有挂教...
发现一款(wEPoke)外挂透... 发现一款(wEPoke)外挂透明挂辅助工具(透视)竟然真的有挂(2023已更新)(哔哩哔哩)相信很多...
盘点一款!WepOke(WeP... WePoker透视辅助版本稳定性对比与推荐‌:盘点一款!WepOke(WePoKer)外挂透明挂辅助...
玩家必看分享(pokerrrr... 玩家必看分享(pokerrrr2)外挂透明挂辅助神器(辅助挂)发牌规律(揭秘有挂)-哔哩哔哩准备好在...
透视了解(WPK漏洞)外挂透明... 透视了解(WPK漏洞)外挂透明挂辅助器安装(透视)软件透明挂(真的有挂)-哔哩哔哩这是由厦门游乐互动...
免费测试版(wpk打法)外挂透... 免费测试版(wpk打法)外挂透明挂辅助工具(辅助挂)其实是真的有挂(2021已更新)(哔哩哔哩);(...
透视最新!WPK存在(wepo... 透视最新!WPK存在(wepoKe)外挂透明挂辅助挂(辅助挂)详细教程(确实有挂)-哔哩哔哩准备好在...
六分钟了解(wpk德州俱乐部)... 六分钟了解(wpk德州俱乐部)外挂透明挂辅助机制(透视)德州ai机器人(新版有挂)-哔哩哔哩;wpk...