সমস্ত প্রয়োজনীয় ক্ষেত্রগুলি পূরণ না করে কীভাবে ব্যবহারকারীদের একটি ফর্ম জমা দেওয়া থেকে বিরত করবেন

প্রতিটি প্রয়োজনীয় ক্ষেত্র পূরণ না করেই একটি ফর্ম জমা দেওয়া থেকে ব্যবহারকারীদের থামাতে কেবল একটি required যোগ করুন ইনপুট উপাদানের বৈশিষ্ট্য যা তাদের জমা দিতে অবশ্যই পূরণ করতে হবে:

উদাহরণ:

<form id="form">
  <input type="text" name="full-name" placeholder="Full name" required />
  <input type="text" name="email" placeholder="Email" required />
  <input type="text" name="phone-number" placeholder="Phone number" />
  <button id="button-submit-form" type="submit">
    Submit Form
  </button>
</form>

উভয়ই পুরো নাম এবং ইমেল required আছে উপরের কোডে বৈশিষ্ট্য।

এখন যদি একজন ব্যবহারকারী ফর্ম জমা দিন-এ ক্লিক করেন উভয় প্রয়োজনীয় ক্ষেত্র পূরণ না করে বোতাম, তারা নিম্নলিখিত পপআপ সতর্কতা পায়: