HTML में एलिमेंट अमान्य होने पर स्क्रिप्ट कैसे चलाएं?

HTML में जब कोई फॉर्म एलिमेंट अमान्य होता है (वैलिडेशन फेल - required, pattern, type mismatch, आदि) और उपयोगकर्ता सबमिट करने का प्रयास करता है, तो oninvalid एट्रिब्यूट ट्रिगर होता है।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML oninvalid attribute</title> 
  </head> 
  <body> 
    <h2>आईडी</h2> 
    <form action="/new.php"> 
      <input type="text" placeholder="छात्र आईडी" name="sname" oninvalid="alert('पहले भरें!')" required /><br> 
      <input type="submit" value="सबमिट"> 
    </form> 
  </body> 
</html>

नोट: oninvalid पर कस्टम मैसेज सेट करने के लिए element.setCustomValidity('संदेश') उपयोग करें। डिफ़ॉल्ट ब्राउज़र मैसेज ओवरराइड होता है।