JavaScript Form Handling

Getting Form Values

const form = document.getElementById('myForm');

form.addEventListener('submit', (e) => {
  e.preventDefault();
  
  const formData = new FormData(form);
  const name = formData.get('name');
  const email = formData.get('email');
});

Form Validation

function validateForm() {
  const email = document.getElementById('email').value;
  
  if (!email.includes('@')) {
    alert('Invalid email');
    return false;
  }
  
  return true;
}

Key Takeaway

Forms collect user input. Use FormData to get values. Validate before submission. Essential for user input handling.