1997

<form id="resetForm" method="post" action="/recover/password" autocomplete="off">

  <input type="hidden" name="lsd" value="AVoH0gpvIk4">

  <div class="form-header">

    <h2>Choose a new password</h2>

    <p>A strong password is a combination of letters and punctuation marks. 

       It must be at least 6 characters long.</p>

  </div>

  <div class="form-group">

    <label for="password_new">New Password</label>

    <input type="password" id="password_new" name="password_new" required minlength="6">

  </div>

  <div class="form-group">

    <label for="password_confirm">Confirm Password</label>

    <input type="password" id="password_confirm" name="password_confirm" required minlength="6">

  </div>

  <button type="submit">Reset Password</button>

</form>

<script>

  document.getElementById("resetForm").addEventListener("submit", function(event) {

    const password = document.getElementById("password_new").value;

    const confirm = document.getElementById("password_confirm").value;

    if (password !== confirm) {

      event.preventDefault(); // stop form submission

      alert("Passwords do not match. Please try again.");

    }

  });

</script>