當密碼與確認密碼字段 Javascript 不匹配時，為什么我的表單不返回警報？

Question

所以我是 JS 的新手，如果密碼與確認密碼字段不匹配，我試圖讓這個表單阻止提交。 但是，當我輸入 2 個不同的密碼時，我沒有收到像我在下面的腳本中編碼的警報。 有什么想法嗎？ 作為參考，該表單是使用引導程序構建的。

   <form class="form-signin">
            <div class="form-label-group">
              <input type="text" id="fullName" class="form-control" placeholder="Username" required autofocus>
              <label for="fullName">Full name</label>
            </div>

            <div class="form-label-group">
              <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required>
              <label for="inputEmail">Work email</label>
            </div>
            

            <div class="form-label-group">
              <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
              <label for="inputPassword">Password</label>
            </div>
            
            <div class="form-label-group">
              <input type="password" id="inputConfirmPassword" class="form-control" placeholder="Password" required>
              <label for="inputConfirmPassword">Confirm password</label>
            </div>

            <button class="btn btn-lg btn-primary btn-block text-uppercase" id ="register-btn" type="submit">Register</button>
            <hr class="my-4">
            <div class="registration-login">
            <p class="already-have__account">Already have an account?</p><a href="log-in.html">&nbsp;Login</a>
            </p>
        </div>
        </form>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="registration__section">
    <h2>Innovative supply chain teams use Rumi to manage scalable and sustainable packaging.
    </h2>
</div>

<script>
  var form = document.getElementById('form-signin');
  form.onsubmit = function() {

    if (inputPassword.value !== inputConfirmPassword.value) {
      alert("Your passwords don't match");
      return false;
    }

    else {
      return true;
    }

  }

Answer 1

只是一個小錯誤。

您正在使用獲取 getElementById。

 var form = document.getElementById('form-signin');

沒有帶有“表單登錄”的 ID，

<form class="form-signin">

將類重命名為 id。

<form id="form-signin">

看看這個（JSFiddle）。 它在這里工作。