Form Validation

Why? Practice validating user input before submission.

<form onsubmit="return validate()">
  <input type="text" id="name" placeholder="Name"><br>
  <input type="email" id="email" placeholder="Email"><br>
  <input type="password" id="password" placeholder="Password"><br>
  <button type="submit">Submit</button>
</form>
<p id="error"></p>

<script>
function validate() {
  let name = document.getElementById("name").value;
  let email = document.getElementById("email").value;
  let pwd = document.getElementById("password").value;

  if(name === "" || email === "" || pwd === "") {
document.getElementById("error").innerText = "All fields are required!";
return false;
  }
  if(pwd.length < 6) {
document.getElementById("error").innerText = "Password must be at least 6 characters!";
return false;
  }
  return true; // submit form
}
</script>

Explanation:

• Prevents form submission if fields are empty.
• Checks password length.