जावास्क्रिप्ट के साथ सबमिट करने पर फॉर्म फ़ील्ड कैसे साफ़ करें

जब कोई उपयोगकर्ता किसी ऐसी वेबसाइट पर प्रपत्र सबमिट करता है जो पृष्ठ को रीफ़्रेश नहीं करता है या उपयोगकर्ता को सफलता पृष्ठ पर पुनर्निर्देशित करता है, तो आप अक्सर प्रपत्र फ़ील्ड साफ़ करना चाहते हैं। यहां बताया गया है कि वेनिला जावास्क्रिप्ट के साथ ऐसा कैसे करें।

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. जावास्क्रिप्ट:सबमिट करने पर फ़ॉर्म फ़ील्ड साफ़ करें

जैसे ही उपयोगकर्ता सबमिट को हिट करेगा यह कोड फ़ॉर्म में प्रत्येक फ़ील्ड को साफ़ कर देगा:

// Run function when a submit event is registered
document.addEventListener("submit", function(event) {
  // Prevent default form submit
  event.preventDefault()

  // Clear all form fields
  event.target.reset()
})