DE
javascript
ngOnInit() {
this.myForm = this.fb.group({
myCheckbox: [''],
myEmailField: [
'',
[
Validators.maxLength(250),
Validators.minLength(5),
Validators.pattern(/.+@.+\..+/),
],
],
})
}
onSubmit() {
console.log(this.myForm.value)
}
Size: a a a
DE
javascript
ngOnInit() {
this.myForm = this.fb.group({
myCheckbox: [''],
myEmailField: [
'',
[
Validators.maxLength(250),
Validators.minLength(5),
Validators.pattern(/.+@.+\..+/),
],
],
})
}
onSubmit() {
console.log(this.myForm.value)
}
S
javascript
ngOnInit() {
this.myForm = this.fb.group({
myCheckbox: [''],
myEmailField: [
'',
[
Validators.maxLength(250),
Validators.minLength(5),
Validators.pattern(/.+@.+\..+/),
],
],
})
}
onSubmit() {
console.log(this.myForm.value)
}
YK
DE
typescript
this.myForm.get('myCheckbox').valueChanges.subscribe((value) => {
if (value) {
this.myForm.get('myEmailField').setValidators(Validators.required);
} else {
this.myForm.get('myEmailField').clearValidators();
}
});
S
typescript
this.myForm.get('myCheckbox').valueChanges.subscribe((value) => {
if (value) {
this.myForm.get('myEmailField').setValidators(Validators.required);
} else {
this.myForm.get('myEmailField').clearValidators();
}
});
DE
typescript
private emailValidators = [
Validators.maxLength(250),
Validators.minLength(5),
Validators.pattern(/.+@.+\..+/)
];
ngOnInit() {
this.myForm = this.fb.group({
myCheckbox: [''],
myEmailField: ['', this.emailValidators]
});
//...
}
S
typescript
private emailValidators = [
Validators.maxLength(250),
Validators.minLength(5),
Validators.pattern(/.+@.+\..+/)
];
ngOnInit() {
this.myForm = this.fb.group({
myCheckbox: [''],
myEmailField: ['', this.emailValidators]
});
//...
}
DE
YK
typescript
private emailValidators = [
Validators.maxLength(250),
Validators.minLength(5),
Validators.pattern(/.+@.+\..+/)
];
ngOnInit() {
this.myForm = this.fb.group({
myCheckbox: [''],
myEmailField: ['', this.emailValidators]
});
//...
}
DE
DE
YK
DE
YK
DE
YK
DE
YK
YK
DE