angular6 响应式表单（登录实例）

发布时间：2020-12-17 07:03:14 所属栏目：安全来源：网络整理

导读：一、表单验证 1. 只有一个验证规则； this .myGroup = this .fb.group({ email:[ ‘[email?protected]‘ ,Validators.required],password:[ ‘‘ ] }) 2. 有多个验证的时候； email:[‘[email?protected]‘,Validators.compose([Validators.required,Validat

一、表单验证

1.　只有一个验证规则；

this.myGroup = this.fb.group({
      email:[‘[email?protected]‘,Validators.required],password:[‘‘]
    })

2. 有多个验证的时候；

email:[‘[email?protected]‘,Validators.compose([Validators.required,Validators.email])],

3. 有多个验证的时候，并且有自定义验证规则的；

 1   ngOnInit() {
 2     this.myGroup = this.fb.group({
 3       email:[‘[email?protected]‘,Validators.email,this.validatorEamil])], 4       password:[‘‘]
 5     })
 6   }11 
12   validatorEamil(c:FormControl):{[key:string]:any}{
13     if(!c.value){
14       return null;
15     }
16     const pattern = /^wang+/;
17     if(pattern.test(c.value)){
18       return null;
19     }
20     return {
21       emialNotValid:‘The email must start with wang‘
22     };
23   }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!