HTML5 क्लाइंट-साइड वैलिडेशन एरर बबल्स कैसे प्रदर्शित करें?

ब्राउज़र-नेटिव वैलिडेशन UI

HTML5 क्लाइंट-साइड वैलिडेशन एरर बबल्स प्रदर्शित करने के लिए, required एट्रिब्यूट का उपयोग करें।

आपको क्लाइंट-साइड वैलिडेशन के लिए JavaScript की आवश्यकता नहीं है जैसे खाली टेक्स्ट बॉक्स कभी सबमिट नहीं होगा क्योंकि HTML5 ने required नामक एक नया एट्रिब्यूट पेश किया जिसका उपयोग निम्नानुसार किया जाएगा और एक मान रखने पर जोर देगा:

<!DOCTYPE HTML>
<html>
  <body>
    <form action="/cgi-bin/html5.cgi" method="get">
      Enter email: <input type="text" name="newinput" required/>
      <p>सबमिट बटन का उपयोग करके सबमिट करने का प्रयास करें</p>
      <input type="submit" value="submit" />
    </form>
  </body>
</html>

ब्राउज़र स्वचालित रूप से स्थानीयकृत वैलिडेशन संदेशों के साथ टूलटिप-स्टाइल एरर बबल्स दिखाता है।