我正在尝试使用Reactive Forms Module在Angular 2中构建一个表单,并且试图设置如果选择另一个字段时需要的表单中某个字段的验证。
我做错什么了吗?
ngOnInit() {
this.martialForm = this.fb.group({
'maritalStatus': [this.model.maritalStatus, [Validators.required]],
'spouseTitle': [this.spouseModel.title, null]
},{
validator: this.validateIsSpouse
})
}
validateIsSpouse(group: FormGroup) {
if(this.model.maritalStatus == "01"){
group.controls['spouseTitle'].setErrors({ isRequired: true });
}
return null;
}
自定义验证函数将在import语句之后立即编写,并且代码和验证器应采用以下方式:
// import statement
function validateIsSpouse(group: FormGroup) {
let maritalStatus = group.get('maritalStatus').value;
if(maritalStatus == "01"){
return { isRequired: true };
}
return null;
}
// @Component
export class MyClass implements OnInit {
constructor(private fb: FormBuilder) {}
ngOnInit() {
this.martialForm = this.fb.group({
'maritalStatus': [this.model.maritalStatus, [Validators.required]],
'spouseTitle': [this.spouseModel.title, null]
},{ validator: validateIsSpouse });
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句