फॉर्म वैलिडेशन

बिल्ट-इन वैलिडेटर

FormControl बनाते समय validator फ़ंक्शन दें — Validators.required, Validators.email, Validators.minLength, और अन्य।

form = new FormGroup({
  email: new FormControl('', [Validators.required, Validators.email]),
  password: new FormControl('', [Validators.required, Validators.minLength(8)]),
});

त्रुटियाँ दिखाना

किसी control की invalid और touched स्थिति जाँचें, ताकि त्रुटि तभी दिखे जब उपयोगकर्ता ने उस फ़ील्ड से इंटरैक्ट किया हो।

<input formControlName="email">
@if (form.controls.email.invalid && form.controls.email.touched) {
  <small>Enter a valid email.</small>
}

त्वरित जाँच: reactive form control पर validators कहाँ जोड़े जाते हैं?

• HTML टेम्पलेट में एक एट्रिब्यूट के रूप में
• FormControl बनाते समय दूसरे तर्क के रूप में
• केवल कंपोनेंट के कंस्ट्रक्टर के अंदर