उपयोगकर्ताओं को सभी आवश्यक फ़ील्ड भरे बिना फ़ॉर्म जमा करने से कैसे रोकें

उपयोगकर्ताओं को प्रत्येक आवश्यक फ़ील्ड को भरे बिना फ़ॉर्म सबमिट करने से रोकने के लिए बस एक 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 . है उपरोक्त कोड में विशेषता।

अब यदि कोई उपयोगकर्ता फ़ॉर्म सबमिट करें . पर क्लिक करता है बटन दोनों आवश्यक फ़ील्ड भरने के बिना, उन्हें निम्न पॉपअप चेतावनी मिलती है: