التحقّق في النماذج

المتصفح يستطيع التحقّق من الحقول بنفسه، فالخاصية required تمنع ترك الحقل فارغًا، وtype="email" تفرض شكل البريد، وminlength تفرض حدًّا أدنى للطول، وكل ذلك دون سطر واحد من JavaScript.

ويبقى عليك أمران: أن تمنع الإرسال الافتراضي بـ event.preventDefault() حتى لا يُعاد تحميل الصفحة، وأن تُظهر للمستخدم نتيجة يفهمها.

وبـ form.checkValidity() تسأل المتصفح هل كل الحقول سليمة، ثم تبني ردّك على جوابه.