জাভাস্ক্রিপ্ট দিয়ে জমা দেওয়ার ক্ষেত্রে ফর্ম ফিল্ডগুলি কীভাবে সাফ করবেন

যখন একজন ব্যবহারকারী একটি ওয়েবসাইটে একটি ফর্ম জমা দেন যা পৃষ্ঠাটি রিফ্রেশ করে না বা ব্যবহারকারীকে একটি সফল পৃষ্ঠায় পুনঃনির্দেশ করে, আপনি প্রায়শই ফর্ম ক্ষেত্রগুলি সাফ করতে চান৷ ভ্যানিলা জাভাস্ক্রিপ্টের সাথে এটি কীভাবে করবেন তা এখানে।

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()
})