角度自定义验证错误消息不起作用

如何解决角度自定义验证错误消息不起作用

我的自定义验证在这里起作用，但其错误消息不起作用

 <input type="date"  formControlName="Appli_dob" [ngClass]="{ 'is-invalid': f.Appli_dob.touched && f.Appli_dob.errors }">
          <span *ngIf="f.Appli_dob.hasError.DateofBirthValidation">Age Should be Greater Than 18 Years</span>

角度

  ngOnInit() {
    this._MyregisterForm = this.formBuilder.group({
      Appli_dob:['',Validators.required],validator: DateofBirthValidation('Appli_dob')
});

客户错误验证

import { FormGroup } from '@angular/forms';
export function DateofBirthValidation(EnteredBirth:any){   
    return (group:FormGroup)=>{
        let _EnterBith=group.controls[EnteredBirth];
        if(_EnterBith.value!=""){   
        let timeDiff = Math.abs(Date.Now() -new Date(_EnterBith.value).getTime());
        var age = Math.floor((timeDiff / (1000 * 3600 * 24))/365);
        console.log(age)
        if(age>=18){
            return true;
            _EnterBith.setErrors({DateofBirthValidation:true});
        }
        else{
         _EnterBith.setErrors({DateofBirthValidation:false});
        // _EnterBith.setErrors(null);
        }
    }
    }
}

它可以正常工作，但错误消息不起作用

解决方法

这是您的代码中的错误，您在设置错误之前已设置了“ return”语句。您需要先设置错误，然后在下面的代码中返回true。

if(age>=18){
    return true;
    _EnterBith.setErrors({DateofBirthValidation:true});
}

以上声明应更新为：-

if(age>=18){
    _EnterBith.setErrors({DateofBirthValidation:true});
    return true;
}