在Angular中,自定义验证可以通过使用Validators类中的自定义函数来实现。以下是一些实践最佳方法:
代码示例:
export function myCustomValidator(control: AbstractControl) {
if (control.value.includes('abc')) {
return { invalidInput: true };
}
return null;
}
代码示例:
import { Validators } from '@angular/forms';
this.myForm = this.formBuilder.group({
name: ['', [Validators.required, Validators.minLength(3)]],
age: ['', [Validators.required, Validators.maxLength(2)]]
});
代码示例:
this.myForm = this.formBuilder.group({
name: [
'',
[Validators.required, Validators.minLength(3)],
],
age: [
'',
[Validators.required, Validators.maxLength(2)],
],
},{
validators: {
mismatch: true,
invalidInput: true
},
});
Name is required
Name should have at least 3 characters
这些实践最佳方法可以帮助您在Angular中有效创建自定义验证器。