यूजर्स को हर आवश्यक फ़ील्ड भरे बिना फॉर्म सबमिट करने से रोकने के लिए बस उस इनपुट एलिमेंट में required एट्रिब्यूट जोड़ें जिसे उन्हें सबमिट करने के लिए भरना आवश्यक है:
उदाहरण:
<form id="form"> <input type="text" name="full-name" placeholder="पूरा नाम" required /> <input type="text" name="email" placeholder="ईमेल" required /> <input type="text" name="phone-number" placeholder="फोन नंबर" /> <button id="button-submit-form" type="submit"> फॉर्म सबमिट करें </button> </form>
उपरोक्त कोड में पूरा नाम और ईमेल दोनों में required एट्रिब्यूट है।
अब यदि कोई यूजर दोनों आवश्यक फ़ील्ड भरे बिना फॉर्म सबमिट करें बटन पर क्लिक करता है, तो उन्हें निम्नलिखित पॉपअप चेतावनी मिलती है: