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