script.js

function validateForm() {
  const name = document.getElementById('fullname').value.trim();
  const email = document.getElementById('email').value.trim();
  const phone = document.getElementById('phone').value.trim();
  const dob = document.getElementById('dob').value;
  const password = document.getElementById('password').value;
  const agree = document.getElementById('agree').checked;
  const errorMsg = document.getElementById('errorMsg');

  errorMsg.innerHTML = "";

  if (name === "" || email === "" || phone === "" || password === "" || dob === "") {
    errorMsg.innerText = "Please fill out all required fields.";
    return false;
  }

  if (!/^\d{10}$/.test(phone)) {
    errorMsg.innerText = "Phone number must be exactly 10 digits.";
    return false;
  }

  if (!agree) {
    errorMsg.innerText = "You must agree to the Terms & Conditions.";
    return false;
  }

  alert("🎉 Registration Successful!");
  return true;
}

function previewImage() {
  const input = document.getElementById('profilePic');
  const preview = document.getElementById('preview');

  const file = input.files[0];
  if (file) {
    preview.src = URL.createObjectURL(file);
    preview.style.display = "block";
  }
}

function checkPasswordStrength() {
  const password = document.getElementById('password').value;
  const strengthBar = document.getElementById('strengthBar');
  let strength = 0;

  if (password.length >= 6) strength += 25;
  if (/[A-Z]/.test(password)) strength += 25;
  if (/[0-9]/.test(password)) strength += 25;
  if (/[\W]/.test(password)) strength += 25;

  strengthBar.value = strength;
}