কম্পিউটার টিউটোরিয়াল

JavaScript দিয়ে ফর্ম ফিল্ড সাবমিটে ক্লিয়ার করার পদ্ধতি

যখন একজন ইউজার একটি ওয়েবসাইটে ফর্ম সাবমিট করে যা পেজ রিফ্রেশ করে না বা ইউজারকে সাকসেস পেজে রিডাইরেক্ট করে না, তখন আপনি প্রায়শই ফর্ম ফিল্ডগুলো ক্লিয়ার করতে চান। ভ্যানিলা JavaScript দিয়ে এটা করার পদ্ধতি নিচে দেওয়া হলো।

১. 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>

২. JavaScript: সাবমিটে ফর্ম ফিল্ড ক্লিয়ার করুন

এই কোডটি ইউজার সাবমিট বাটনে হিট করলে ফর্মের সব ফিল্ড ক্লিয়ার করবে:

// সাবমিট ইভেন্ট রেজিস্টার হলে ফাংশন রান করুন document.addEventListener("submit", function(event) { // ডিফল্ট ফর্ম সাবমিট প্রিভেন্ট করুন event.preventDefault() // সব ফর্ম ফিল্ড ক্লিয়ার করুন event.target.reset() })
  1. জাভাস্ক্রিপ্টে ফর্ম ভ্যালিডেশন: খালি ইনপুট ফিল্ড চেক করা

  2. জাভাস্ক্রিপ্টে মাল্টি-স্টেপ ফর্ম (Multi-step Form) তৈরি করা

  3. CSS এবং JavaScript ব্যবহার করে পাসওয়ার্ড ভ্যালিডেশন ফর্ম তৈরি করা

  4. জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করা