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

相关内容

热门资讯

黑科技神器!pokerworl... 一、aapokerai辅助简介了解软件请加微:136704302aapokerai辅助是一款在线扑克...
黑科技美元局!wpk透视外挂购... 黑科技美元局!wpk透视外挂购买渠道(微扑克ai机器人)一贯是有挂(有挂实锤)-哔哩哔哩;一、微扑克...
黑科技ai代打!德扑之星ai辅... 黑科技ai代打!德扑之星ai辅助神器(微扑克透牌)原本是有挂(果真有挂)-哔哩哔哩;人气非常高,ai...
黑科技系统!aapokerai... 黑科技系统!aapokerai辅助(aa poker有外挂吗)从前有挂(有挂方略)-哔哩哔哩1、打开...
黑科技系统!德州ai辅助可以打... 黑科技系统!德州ai辅助可以打(德扑ai软件靠谱吗)原本是有挂(果真有挂)-哔哩哔哩1、超多福利:超...
黑科技规律!德州之星辅助器可以... 黑科技规律!德州之星辅助器可以用(德扑ai助手软件)本然真的有挂(有挂实锤)-哔哩哔哩;是一款可以让...
黑科技教学!governoro... 黑科技教学!governorofpoker3辅助(aapoker真的有猫腻吗)一贯有挂(真的有挂)-...
黑科技美元局!gg扑克发牌系统... 黑科技美元局!gg扑克发牌系统(德扑ai软件靠谱吗)总是存在有挂(有挂方式)-哔哩哔哩1、德扑ai软...
黑科技实锤!wepoke是有挂... 黑科技实锤!wepoke是有挂(线上wpk德州ai机器人)本来是真的有挂(确实有挂)-哔哩哔哩1、让...
黑科技攻略!德州之星透牌器(a... 黑科技攻略!德州之星透牌器(aapoker真的有猫腻吗)一贯是有挂(证实有挂)-哔哩哔哩1)aapo...