# AI سے React form validation debug کریں

form bug input، validation اور submit handler کے درمیان ہو سکتا ہے۔ اصل files اور دہرانے کے steps دیں۔ سب سے چھوٹا cause-based fix مانگیں، پھر غلط input اور valid submission دونوں جانچیں۔

## آپ کا بریف

1. expected، actual behavior، repro اور redacted error دیں۔ منتخب branch کا input، schema اور submit handler دکھائیں۔

   ____________________

2. empty، whitespace، format، length اور accessibility قواعد لکھیں۔ client اور server validation الگ سمجھیں۔

   ____________________

3. test environment اور destination پہچانیں، secrets نہیں۔ کامیاب flow کی ضروری شرط بتائیں۔

   ____________________

## Prompt

[files اور repro] سے React form debug کریں۔ cause اور minimal diff دیں۔ empty، whitespace، malformed input، keyboard، accessible errors، duplicate click اور network failure دیکھیں۔ server validation اور authorization بچائیں۔ دستیاب relevant tests کے اصل results دیں؛ نہ چلے checks کو suggested کہیں۔

## فرضی مثال

صرف spaces والی string non-empty check سے گزر جاتی ہے۔ normalization validation اور submit میں یکساں کریں مگر meaningful spaces والا field نہ بگاڑیں۔ empty، spaces، valid اور failed request جانچیں۔ unit test پاس ہونا email delivery کا ثبوت نہیں۔

## جانچ فہرست

- [ ] کیا diff reproduced cause درست کرتا اور input semantics بچاتا ہے؟
- [ ] کیا invalid input، keyboard، duplicate اور recovery جانچے ہیں؟
- [ ] کیا source test، destination check اور production الگ بتائے ہیں؟

error غائب کرنے کے لیے validation نہ ہٹائیں۔ server checks authoritative رہیں۔ debug میں sensitive form values log یا store نہ کریں۔

---

Brainbaby · https://brainbaby.ai/ur/blog/ai-react-form-validation-debug-urdu

CC BY 4.0 — https://creativecommons.org/licenses/by/4.0/