آموزش جامع اعتبارسنجی فرم‌ها در جاوااسکریپت

// اعتبارسنجی سمت کلاینت (جاوااسکریپت)
function validateForm() {
  const email = document.getElementById('email').value;
  if (!email.includes('@')) {
    alert('لطفاً یک ایمیل معتبر وارد کنید');
    return false;
  }
  return true;
}

function validateEmail(email) {
  const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return regex.test(email);
}

function validatePhone(phone) {
  const regex = /^09[0-9]{9}$/;
  return regex.test(phone);
}

function validatePassword(password) {
  // حداقل 8 کاراکتر، حداقل یک حرف بزرگ و یک عدد
  const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/;
  return regex.test(password);
}

document.getElementById('email').addEventListener('input', function(e) {
  const email = e.target.value;
  const errorElement = document.getElementById('emailError');
  
  if (!email.includes('@')) {
    errorElement.textContent = 'لطفاً یک ایمیل معتبر وارد کنید';
    errorElement.style.display = 'block';
  } else {
    errorElement.style.display = 'none';
  }
});

document.getElementById('registerForm').addEventListener('submit', function(e) {
  e.preventDefault();
  
  const name = document.getElementById('name').value;
  const email = document.getElementById('email').value;
  const password = document.getElementById('password').value;
  
  // اعتبارسنجی نام
  if (name.length < 3) {
    alert('نام باید حداقل 3 کاراکتر داشته باشد');
    return;
  }
  
  // اعتبارسنجی ایمیل
  if (!validateEmail(email)) {
    alert('لطفاً یک ایمیل معتبر وارد کنید');
    return;
  }
  
  // اعتبارسنجی رمز عبور
  if (!validatePassword(password)) {
    alert('رمز عبور باید حداقل 8 کاراکتر و شامل حروف بزرگ و اعداد باشد');
    return;
  }
  
  // اگر همه چیز درست بود، فرم ارسال شود
  this.submit();
});

function showError(inputElement, message) {
  const errorElement = inputElement.nextElementSibling;
  inputElement.classList.add('error');
  errorElement.textContent = message;
  errorElement.style.display = 'block';
}
  
function clearError(inputElement) {
  const errorElement = inputElement.nextElementSibling;
  inputElement.classList.remove('error');
  errorElement.textContent = '';
  errorElement.style.display = 'none';
}

function validateLoginForm() {
  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;
  
  // اعتبارسنجی نام کاربری و رمز عبور را اینجا پیاده‌سازی کنید
}