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

一、表单验证

1.　只有一个验证规则；

this.myGroup = this.fb.group({
      email:['hurong.cen@qq.com',Validators.required],
      password:['']
    })

2. 有多个验证的时候；

email:['hurong.cen@qq.com',Validators.compose([Validators.required,Validators.email])],

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

   ngOnInit() {
     this.myGroup = this.fb.group({
       email:['hurong.cen@qq.com',Validators.compose([Validators.required,Validators.email,this.validatorEamil])],
       password:['']
     })
   }
   validatorEamil(c:FormControl):{[key:string]:any}{
     if(!c.value){
       return null;
     }
     const pattern = /^wang+/;
     if(pattern.test(c.value)){
       return null;
     }
     return {
       emialNotValid:'The email must start with wang'
     };
   }