Jassif Team Institution

জাভাস্ক্রিপ্ট ফর্ম বৈধতা

জাভাস্ক্রিপ্ট দিয়ে এইচটিএমএল ফর্ম ভ্যালিডেশন করা যায়।

যদি একটি ফর্ম ক্ষেত্র (fname) খালি থাকে, তাহলে এই ফাংশনটি একটি বার্তাকে সতর্ক করে এবং ফর্মটি জমা হওয়া থেকে আটকাতে মিথ্যা ফেরত দেয়:

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Name must be filled out");
    return false;
  }
}

ফর্ম জমা দেওয়ার সময় ফাংশনটি কল করা যেতে পারে:

এইচটিএমএল ফর্ম উদাহরণ

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

জাভাস্ক্রিপ্ট সাংখ্যিক ইনপুট যাচাই করতে পারে

জাভাস্ক্রিপ্ট প্রায়ই সংখ্যাসূচক ইনপুট যাচাই করতে ব্যবহৃত হয়:

স্বয়ংক্রিয় HTML ফর্ম বৈধতা

HTML ফর্ম বৈধতা ব্রাউজার দ্বারা স্বয়ংক্রিয়ভাবে সম্পন্ন করা যেতে পারে:

যদি একটি ফর্ম ক্ষেত্র (fname) খালি থাকে, তাহলে প্রয়োজনীয় বৈশিষ্ট্য ফর্মটিকে জমা হতে বাধা দেয়:

<form action="/action_page.php" method="post">
  <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>

ডেটা যাচাইকরণ

ডেটা যাচাইকরণ হল ব্যবহারকারীর ইনপুট পরিষ্কার, সঠিক এবং দরকারী তা নিশ্চিত করার প্রক্রিয়া।

রুটিন যাচাইকরণ কাজ:

• ব্যবহারকারী কি সমস্ত প্রয়োজনীয় ক্ষেত্র পূরণ করেছেন?
• ব্যবহারকারী একটি বৈধ তারিখ প্রবেশ করেছে?
• ব্যবহারকারী সংখ্যা ক্ষেত্রে টেক্সট প্রবেশ করান?

প্রায়শই, ডেটা যাচাইকরণের উদ্দেশ্য সঠিক ব্যবহারকারীর ইনপুট নিশ্চিত করা।

বৈধতা বিভিন্ন পদ্ধতি দ্বারা সংজ্ঞায়িত করা যেতে পারে, এবং বিভিন্ন উপায়ে ব্যবহার করা যেতে পারে।

HTML নিয়ন্ত্রণ বৈধতা

HTML5 কন্ট্রোল ভ্যালিডেশন নামে একটি নতুন HTML যাচাইকরণ ধারণা চালু করেছে।

এইচটিএমএল নিয়ন্ত্রণ বৈধতা উপর ভিত্তি করে:

• নিয়ন্ত্রণ বৈধতা HTML ইনপুট বৈশিষ্ট্য
• নিয়ন্ত্রণ বৈধতা CSS ছদ্ম নির্বাচক
• নিয়ন্ত্রণ বৈধতা DOM বৈশিষ্ট্য এবং পদ্ধতি

নিয়ন্ত্রণ বৈধতা HTML ইনপুট বৈশিষ্ট্য

নিয়ন্ত্রণ বৈধতা CSS ছদ্ম নির্বাচক

অনুশীলন করুন