oninvalid इवेंट
परिभाषा और उपयोग
सबमिट करने योग्य <input> एलीमेंट अवैध होने पर oninvalid इवेंट होता है।
उदाहरण में, यदि required विशेषता सेट की गई है और फील्ड खाली है, तो इनपुट फील्ड अवैध है (required विशेषता इनपुट फील्ड को फॉर्म सबमिट करने से पहले भरना आवश्यक करती है)।
उदाहरण
उदाहरण 1
यदि इनपुट क्षेत्र अवैध हो, तो कुछ पाठ दिखाएँ:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
पृष्ठ के नीचे और अधिक TIY उदाहरण हैं。
व्याकरण
जैसे कि HTML में:
<एलीमेंट oninvalid="myScript">
जैसे कि JavaScript में:
ऑब्जेक्ट.oninvalid = function(){myScript};
जैसे कि JavaScript में, addEventListener() विधि का उपयोग करें:
ऑब्जेक्ट.addEventListener("invalid", myScript);
टिप्पणी:इंटरनेट एक्सप्लोरर 8 या उससे पहले की संस्करण इसे समर्थित नहीं करती है addEventListener() विधि।
तकनीकी विवरण
| बुबलिंग: | नसमर्थित |
|---|---|
| निरस्त करने वाला: | समर्थन |
| इवेंट क़िस्म: | इवेंट |
| समर्थित HTML टैग: | <input> |
| DOM संस्करण: | स्तर 3 इवेंट |
ब्राउज़र समर्थन
तालिका में दिए गए संख्या इस इवेंट के पूर्णता से समर्थन करने वाली पहली ब्राउज़र संस्करण को निर्दिष्ट करते हैं。
| इवेंट | च्रोम | आईई | फायरफॉक्स | सैफारी | ऑपेरा |
|---|---|---|---|---|---|
| oninvalid | समर्थन | 10.0 | समर्थन | समर्थन | समर्थन |
और उदाहरण
उदाहरण 2
यदि इनपुट क्षेत्र में 6 से कम अक्षर हो, तो कुछ पाठ दिखाएँ:
नाम: <input type="text" id="myInput" name="fname" pattern=".{6,}" required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("आवश्यक है कि 6 या अधिक अक्षर हों");
}
</script>
उदाहरण 3
यदि इनपुट क्षेत्र में 2 से कम या 5 से अधिक संख्या हो, तो कुछ पाठ दिखाएँ:
संख्या: <input type="number" id="myInput" name="quantity" min="2" max="5" required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("आपको 2 और 5 के बीच की संख्या चुननी है. आपने चुना: " + this.value);
}
</script>
