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

相关内容

热门资讯

透视挂!樱花之盛辅助器,德普之... 透视挂!樱花之盛辅助器,德普之星辅助软件-本来有挂开挂辅助软件;打开点击测试直接进入微信(13670...
透视透明挂!凑一桌辅助软件免费... 透视透明挂!凑一桌辅助软件免费,wpk插件-固有有挂开挂辅助平台;无需打开直接搜索微信(136704...
透视了解!九九山城插件,wep... 透视了解!九九山城插件,wepoker透视底牌脚本-起初有挂开挂辅助下载这是一款可以让一直输的玩家,...
透视计算!江湖悠悠手游攻略,h... 大家好,今天小编来为大家解答江湖悠悠手游攻略这个问题咨询软件客服可以免费测试直接加微信(136704...
透视安卓版!兴动互娱辅助脚本下... 透视安卓版!兴动互娱辅助脚本下载,聚星ai辅助工具下载-起初有挂开挂辅助插件这是一款可以让一直输的玩...
透明攻略!柚子联盟辅助器,hh... 透明攻略!柚子联盟辅助器,hhpoker为什么一直输-起初有挂开挂辅助器;无需打开直接搜索薇:136...
透视好友房!凑一桌游戏辅助,p... 透视好友房!凑一桌游戏辅助,pokermaster破解版-原本有挂开挂辅助软件;打开点击测试直接进入...
透视系统!新九哥开挂,hhpo... 透视系统!新九哥开挂,hhpoker的辅助是真的吗-先前有挂开挂辅助工具1、下载安装好新九哥开挂,进...
透视透明!微信小程序辅助app... 微信小程序辅助app下载是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可...
透视智能ai!美猴王房卡辅助,... >>您好:美猴王房卡辅助确实是有挂的,很多玩家在这款美猴王房卡辅助游戏中打牌都会发现很多用户的牌特别...