HTML built-in validation فراہم کرتا ہے attributes کے ذریعے، تاکہ browser غلط submissions کو روکتا ہے اور پیغام دکھاتا ہے — کوئی JavaScript درکار نہیں۔
html
Submit
HTML built-in validation فراہم کرتا ہے attributes کے ذریعے، تاکہ browser غلط submissions کو روکتا ہے اور پیغام دکھاتا ہے — کوئی JavaScript درکار نہیں۔
Submit
Validation attributes: required, min/max, minlength/maxlength, pattern (regex)، اور type خود (email, url, number)۔ Submit پر، browser انہیں چیک کرتا ہے، اگر کوئی ناکام ہو تو submission روکتا ہے، اور پہلی invalid field پر native bubble دکھاتا ہے۔
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
آپ JavaScript میں validation کو پڑھ سکتے ہیں اور customize کر سکتے ہیں:
const input = document.querySelector("input");
input.validity.valueMissing; // true if required and empty
input.validity.typeMismatch; // true if email/url format is wrong
input.checkValidity(); // returns boolean, fires invalid event
input.setCustomValidity("Passwords don't match"); // custom error message
setCustomValidity آپ کو rules شامل کرنے دیتا ہے جو attributes نہیں کر سکتے (مثال کے طور پر "confirm password matches")۔
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
ہمیشہ server پر بھی validate کریں — client validation UX کے لیے ہے؛ صارفین اسے bypass کر سکتے ہیں۔
Native validation آپ کو accessible، localized error messages اور فوری feedback مفت دیتی ہے۔
Custom rules کے لیے declarative attributes کو Constraint Validation API کے ساتھ combine کریں — لیکن اسے اپنی واحد دفاع لائن کے طور پر کبھی قابل اعتماد نہ سمجھیں؛ server بھی validate کرنا لازمی ہے۔