HTML में इनपुट एलिमेंट के मान के विरुद्ध रेगुलर एक्सप्रेशन कैसे जोड़ें?

pattern एट्रिब्यूट का उपयोग <input> पर करके एक रेगुलर एक्सप्रेशन (रेजेक्स) निर्दिष्ट किया जाता है जिसके विरुद्ध एलिमेंट का मान चेक किया जाता है (फॉर्म सबमिशन पर)। यह type="text", search, url, tel, email, password पर काम करता है।

उदाहरण

निम्न कोड से pattern एट्रिब्यूट लागू करें (3 अक्षरों का कंट्री कोड):

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML pattern attribute</title> 
  </head> 
  <body> 
    <form action="" method="get" novalidate> 
      छात्र नाम<br><input type="text" name="sname"><br> 
      रैंक<br><input type="number" name="rank"><br> 
      छात्र देश <br><input type="text" name="ccode" pattern="[A-Za-z]{3}" title="कंट्री कोड"><br> 
      <input type="submit" value="सबमिट"> 
    </form> 
  </body> 
</html>

महत्वपूर्ण: title एट्रिब्यूट में पैटर्न का विवरण दें - ब्राउज़र वैलिडेशन एरर में इसे दिखाता है। रेजेक्स JavaScript फ्लेवर का होता है (कुछ फीचर्स भिन्न हो सकते हैं)।