是的,你可以做到這一點認購於特定的一個控制valuechanges valuechange。
實施例 **
第一方法
import...
@Component({..})
export class ExampleComponent implements OnInit {
ngOnInit(): void {
this.formName.get('name')
.valueChanges
.filter((value: string) => value != null && value.length > 0) // use filter if needed otherwise remove it
.subscribe((value: string) => {
if (!value.match(/[-!$%^&*(/]/... set here your pettern)) {
this.formName.controls.name.setErrors({});
}
}
}
}
第二方法
在組件
HTML
<input type='text' (blur)="checkValidation()" formControlName="name">
{{的errorMessage}}
方法
import...
@Component({..})
export class ExampleComponent implements OnInit {
errorMessage ='';
ngOnInit(): void {
}
checkValidation(): void {
if (!value.match(/[-!$%^&*(/]/... set here your pettern)) {
this.formName.controls.name.setErrors({});
this.errorMessage = 'set here your message';
}
}
是的,我知道這個方法。我對'blur'事件感興趣。如何在控件失去焦點時顯示錯誤消息@Shalesh – Dalvik
好的,我更新我的答案等待 –
請檢查。更新 –