HTML5 ভ্যালিডেশন (Validation) কি কার্যকর? ফর্ম ভ্যালিডেশনে ব্যবহার

হ্যাঁ, HTML5 ভ্যালিডেশন খুবই কার্যকর এবং লাইটওয়েট

HTML5 নতুন ইনপুট টাইপ (`email`, `url`, `number`, `tel`, `date` ইত্যাদি) এবং অ্যাট্রিবিউট (`required`, `pattern`, `min`, `max`, `minlength`, `maxlength`) যোগ করেছে, যা ক্লায়েন্ট-সাইড ভ্যালিডেশনের জন্য জাভাস্ক্রিপ্টের ആবশ্যকতা কমিয়ে দিয়েছে।

বিল্ট-ইন ভ্যালিডেশন অ্যাট্রিবিউট

অ্যাট্রিবিউট	কাজ	উদাহরণ
`required`	ফিল্ড বাধ্যতামূলক করে	`<input required>`
`pattern`	Regex প্যাটার্ন ম্যাচ	`pattern="[0-9]{10}"`
`min`/`max`	নাম্বার/ডেট রেঞ্জ	`min="1" max="100"`
`minlength`/`maxlength`	টেক্সট দৈর্ঘ্য	`minlength="3" maxlength="20"`
`type="email"`	ইমেইল ফরম্যাট চেক	ব্রাউজার অটো ভ্যালিডেট
`type="url"`	URL ফরম্যাট চেক	ব্রাউজার অটো ভ্যালিডেট

উদাহরণ: Required ফিল্ড


CSS Pseudo-classes স্টাইলিং
const form = document.querySelector('form');
form.addEventListener('submit', e => {
  if (!form.checkValidity()) {
    e.preventDefault();
    form.reportValidity(); // ব্রাউজার ডিফল্ট UI দেখাবে
  }
});

// কাস্টম ভ্যালিডেশন
input.setCustomValidity('কাস্টম এরর মেসেজ');
input.reportValidity();

স Faces: HTML5 ভ্যালিডেশন ইউজার এক্সপেরিয়েন্স বাড়ায় এবং সার্ভার লোড কমায়, কিন্তু সার্ভার-সাইড ভ্যালিডেশন অবশ্যই থাকতে হবে (সিকিউরিটি)।