शामिल हों

दृश्य फीडबैक और सुलभता सपोर्ट के साथ client-side फ़ॉर्म सत्यापन।

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;
    }
  }
};