# फॉर्म वैलिडेशन — एंगुलर

Source: https://www.geekswithgeeks.com/hi/angular/ng-form-validation

> नियम लागू करें और उपयोगकर्ता को त्रुटियाँ दिखाएँ।

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

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

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

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

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

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

**Quiz:** reactive form control पर validators कहाँ जोड़े जाते हैं?

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

*Answer:* FormControl बनाते समय दूसरे तर्क के रूप में. `new FormControl('', [Validators.required])` validators को सीधे control को देता है।