जब कोई यूजर किसी ऐसी वेबसाइट पर फॉर्म सबमिट करता है जो पेज को रीफ्रेश नहीं करती या यूजर को सक्सेस पेज पर रीडायरेक्ट नहीं करती, तो आप अक्सर फॉर्म फील्ड्स को क्लियर करना चाहते हैं। यहां वेनिला JavaScript से ऐसा करने का तरीका बताया गया है।
1. HTML: एक लॉगिन फॉर्म
यहां एक विशिष्ट HTML लॉगिन फॉर्म है जहां यूजर अपना यूजरनेम और पासवर्ड टाइप करता है, फिर लॉगिन (सबमिट) बटन दबाता है:
<form>
<label for="username">Username:</label>
<input type="text" id="username" />
<label for="password">Password:</label>
<input type="password" id="password" />
<button>Login</button>
</form>2. JavaScript: सबमिट पर फॉर्म फील्ड्स क्लियर करें
यह कोड फॉर्म में हर फील्ड को क्लियर कर देगा जैसे ही यूजर सबमिट दबाता है:
// जब सबमिट इवेंट रजिस्टर हो तो फंक्शन चलाएं
document.addEventListener("submit", function(event) {
// डिफ़ॉल्ट फॉर्म सबमिट को रोकें
event.preventDefault()
// सभी फॉर्म फील्ड्स क्लियर करें
event.target.reset()
})
