मैं इनपुट टेक्स्ट बॉक्स की HTML5 वैधता स्थिति कैसे प्राप्त कर सकता हूं?

Question

मैं टेक्स्ट बॉक्स की HTML 5 'वैधता' स्थिति को कैसे पुनर्प्राप्त कर सकता हूं?

उदाहरण के लिए, मेरे पास type="email" के साथ एक टेक्स्ट इनपुट है। जब उपयोगकर्ता गलत मान में प्रवेश करता है, तो टेक्स्ट बॉक्स लाल सीमा दिखाता है (फ़ायरफ़ॉक्स ब्राउज़र में)।

मैं इनपुट बॉक्स की 'वैधता-स्थिति' कैसे देख सकता हूं?

Answer 1

आप validity संपत्ति का उपयोग कर सकते

var isValid = document.getElementById('email').checkValidity(); 

Demo | Reference।

Answer 2

event oninvalid for invalid input है, यदि आप इस पर कार्य करना चाहते हैं तो आप ईवेंट को पंजीकृत कर सकते हैं।

var isValid = document.getElementById('email').validity.valid; 

या checkValidity() विधि: