যোগদান

ভিজ্যুয়াল ফিডব্যাক এবং অ্যাক্সেসিবিলিটি সাপোর্ট সহ ক্লায়েন্ট-সাইড ফর্ম ভ্যালিডেশন।

const FormValidation = {
  init() {
    const form = document.getElementById('contact-form');
    
    form.addEventListener('submit', (e) => {
      e.preventDefault();
      
      const name = form.querySelector('#name');
      const email = form.querySelector('#email');
      let isValid = true;
      
      // নাম ভ্যালিডেট করুন
      if (!name.value.trim()) {
        name.style.borderColor = '#ff5aa0';
        isValid = false;
      } else {
        name.style.borderColor = '#00ffaa';
      }
      
      // ইমেইল ভ্যালিডেট করুন
      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      if (!emailRegex.test(email.value)) {
        email.style.borderColor = '#ff5aa0';
        isValid = false;
      } else {
        email.style.borderColor = '#00ffaa';
      }
      
      if (isValid) {
        Toast.show('ট্রান্সমিশন গৃহীত। কলেক্টিভে স্বাগতম!');
        form.reset();
      }
    });
  }
};

ন্যূনতম ডেটা স্টোরেজ সহ প্রাইভেসি-প্রথম কুকি হ্যান্ডলিং।

const Cookie = {
  set(key, value, days = 365) {
    const date = new Date();
    date.setTime(date.getTime() + days * 86400000);
    document.cookie = 
      `${key}=${encodeURIComponent(value)};` +
      `expires=${date.toUTCString()};` +
      `path=/;SameSite=Lax`;
  },
  
  get(key) {
    const match = document.cookie.match(
      new RegExp('(^|; )' + key + '=([^;]*)')
    );
    return match ? decodeURIComponent(match[2]) : null;
  },
  
  getJSON(key) {
    try {
      return JSON.parse(this.get(key));
    } catch {
      return null;
    }
  }
};