जावास्क्रिप्ट में फॉर्म सबमिशन को रोकना
यदि आवश्यक हो तो फॉर्म सबमिशन को रोका जा सकता है।
यह आपके द्वारा पहले से ज्ञात
preventDefault
के माध्यम से किया जाता है।
आइए एक उदाहरण देखें।
मान लीजिए कि हमारे पास निम्नलिखित फॉर्म है:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
इसे एक वेरिएबल में लिंक प्राप्त करें:
let form = document.querySelector('form');
फॉर्म सबमिशन को
submit
इवेंट के माध्यम से पकड़ा जा सकता है:
form.addEventListener('submit', function() {
});
आइए अब फॉर्म सबमिशन को रोकें:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
एक इनपुट के साथ एक फॉर्म दिया गया है। सबमिट करने का प्रयास करने पर जांचें कि इनपुट में एक वैध ईमेल दर्ज किया गया है। यदि ऐसा नहीं है - फॉर्म सबमिशन को रोकें और इसके बारे में एक संदेश प्रदर्शित करें।