توفر HTML تحققًا مدمجًا عبر السمات (attributes)، بحيث يمنع المتصفح الإرسالات غير الصالحة ويعرض رسائل — لا يتطلب JavaScript.
html
Submit
توفر HTML تحققًا مدمجًا عبر السمات (attributes)، بحيث يمنع المتصفح الإرسالات غير الصالحة ويعرض رسائل — لا يتطلب JavaScript.
Submit
سمات التحقق: required, min/max, minlength/maxlength, pattern (regex)، وقيمة type نفسها (email, url, number). عند الإرسال، يتحقق المتصفح منها، ويوقف الإرسال إذا أخفق أي منها، ويعرض فقاعة أصلية على الحقل الأول غير الصالح.
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:
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 يتيح لك إضافة قواعد لا تستطيع السمات التعبير عنها (مثل "تأكيد أن كلمة المرور تطابق").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
تحقق دائمًا على الخادم أيضًا — التحقق من جانب العميل لتحسين تجربة المستخدم؛ يمكن للمستخدمين تجاوزه.
يوفر التحقق الأصلي رسائل خطأ يمكن الوصول إليها ومترجمة ومحلية بشكل فوري مجانًا.
dمج السمات الإعلانية مع واجهة برمجة التحقق من الصحة للحصول على قواعد مخصصة — لكن لا تعتمد عليها كخط دفاع وحيد؛ يجب أن يتحقق الخادم أيضًا.