novalidate এবং formnovalidate অ্যাট্রিবিউটের পার্থক্য কী?

novalidate এবং formnovalidate অ্যাট্রিবিউটের পার্থক্য

novalidate এবং formnovalidate অ্যাট্রিবিউটগুলো ভ্যালিডেশন বাইপাস করতে ব্যবহৃত হয়। novalidate অ্যাট্রিবিউট ফর্মে প্রয়োগ করা হয় এবং এটি ফর্মকে ভ্যালিডেশন থেকে বাঁচায়। formnovalidate সাবমিট বাটনে প্রয়োগ করা হয়, যা novalidate-কে ওভাররাইড করে। এটি ফর্মকে ভ্যালিডেশন ছাড়া সাবমিট করে।

novalidate অ্যাট্রিবিউটও একটি বুলিয়ান অ্যাট্রিবিউট, কিন্তু এটি ব্যবহার করলে ফর্ম সাবমিশন ভ্যালিডেট হয় না। formnovalidate অ্যাট্রিবিউট HTML-এ তখন কাজে আসে যখন আপনার একটি ফর্মে একাধিক সাবমিট বাটন থাকে।

HTML novalidate অ্যাট্রিবিউট

HTML-এ novalidate অ্যাট্রিবিউট ব্যবহার করা হয় ফর্মটি সাবমিট হলে ভ্যালিডেট হবে না তা নির্দেশ করতে। এটি একটি বুলিয়ান অ্যাট্রিবিউট এবং তখন উপযোগী যখন আপনি চান ব্যবহারকারী ফর্ম পূরণের অগ্রগতি সংরক্ষণ করতে পারে। যদি ফর্ম ভ্যালিডেশন ডিজেবল থাকে, ব্যবহারকারী সহজে ফর্ম সেভ করে পরে সাবমিট করতে পারে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ novalidate অ্যাট্রিবিউটের ব্যবহার শিখুন। নিচের উদাহরণে, আপনি যদি <input type="number"> ফিল্ডে টেক্সট যোগ করেন, তবে এটি এরর দেখাবে না।

<!DOCTYPE html>
<html>
  <head>
    <title>HTML novalidate attribute</title>
  </head>
  <body>
    <form action="" method="get" novalidate>
      টিমের নাম<br><input type="text" name="tname"><br>
      টিমের র‍্যাঙ্ক<br><input type="number" name="trank"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

HTML formnovalidate অ্যাট্রিবিউট

formnovalidate অ্যাট্রিবিউট HTML-এ তখন কাজে আসে যখন আপনার একটি ফর্মে একাধিক সাবমিট বাটন থাকে।
formnovalidate অ্যাট্রিবিউট <form> এলিমেন্টের আরেকটি অ্যাট্রিবিউট novalidate-কে ওভাররাইড করে।
দ্রষ্টব্য: formnovalidate অ্যাট্রিবিউট ইন্টারনেট এক্সপ্লোরার এবং সাফারিতে সাপোর্টেড নয়।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ formnovalidate অ্যাট্রিবিউটের ব্যবহার শিখুন। আপনি যদি "নো ভ্যালিডেশন" সাবমিট বাটন সিলেক্ট করেন, তবে ফর্ম ভ্যালিডেট হবে না।

<!DOCTYPE html>
<html>
  <head>
    <title>HTML formnovalidate attribute</title>
  </head>
  <body>
    <form action="" method="get">
      র‍্যাঙ্ক <input type="number" name="rank"><br>
      <input type="submit" value="সাবমিট"><br>
      <input type="submit" formnovalidate="formnovalidate" value="ভ্যালিডেশন ছাড়া সাবমিট">
    </form>
  </body>
</html>

সারসংক্ষেপ পার্থক্য: