Angular学习笔记-表单校验器

最新推荐文章于 2022-12-19 17:17:48 发布

宕机高手

最新推荐文章于 2022-12-19 17:17:48 发布

阅读量178

点赞数

分类专栏： Angular

本文链接：https://blog.csdn.net/weixin_41012753/article/details/88977395

版权

Angular 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

自定义校验器

基本语法：

xxx(params:AbstractControl):{[key:string]}:any{
return null;

传入参数类型是AbstractControl,是FormGroup、FormControl和FormArray的共同父类，传入参数声明了校验器用于什么对象类型上
返回值类型为任意类型，其中返回对象类型中的key键是string类型，可通过errors打印

demo

mobileVaild(mobile:FormControl):any{
 let value = (mobile.value|| "")+";
 let myreg = /^((1[3,5,8][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;
 let valid = myreg.test(value);
 console.log("手机号是否校验通过:"+valid)
    return valid ? null:{mobile:true}
}