如何使用验证两个密码进行两个密码必须相同

Question

我希望用户输入2个密码，并且必须匹配密码，以便完成注册表单。我知道有几个这样的问题，我已经尝试了所有问题，但是没有一个问题。请帮助我

我尝试了一些从互联网进行编码，但它不起作用。

<form method = "POST" action="daftar.php" autocomplete="off">
    <center>
    <table>
    <tr><th>Nama Penuh:</th>
    <td><input type="text" name="namapeminjam" size="24" 
placeholder="Mohamad Ziqreey" minlength="5" required=""></td>
    </tr>
    <tr><th>No KP:</th>
    <td><input type="text" id="id" name="nokppeminjam" size="24" 
minlength="12" maxlength="12" required="" placeholder="Tanpa '-' Atau 
Jarak"></td>
    </tr>
    <tr><th>Kata Laluan:</th>
    <td><input type="password" name="katalaluan" size="24" 
placeholder="zIqreey@123" minlength="8" maxlength="16" title="Kata Laluan 
Anda Perlulah Terdiri Dari Lapan Aksara Mengandungi Sekurang-Kurangnya 1 
Huruf Besar Dan Dan Huruf Kecil Termasuk Sekurang-Kurangnya Satu Nombor" 
required pattern="(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="idd"></td>
    </tr>
    <tr><th>Kata Laluan:</th>
    <td><input type="password" name="katalaluan2" size="24" 
placeholder="zIqreey@123" minlength="8" maxlength="16" title="Kata Laluan 
Anda Perlulah Terdiri Dari Lapan Aksara Mengandungi Sekurang-Kurangnya 1 
Huruf Besar Dan Dan Huruf Kecil Termasuk Sekurang-Kurangnya Satu Nombor" 
required pattern="(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="idd2"></td>
    </tr>
</table>
<br><input type="checkbox" onclick="myFunction()">Tunjukkan Kata Laluan
<script>
function myFunction() {
  var x = document.getElementById("idd");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}
</script>
</center>
<script type="text/javascript">
 function validatePasswords()
   {
      var pass1=document.getElementById("katalaluan").value;
      var pass2=document.getElementById("katalaluan2").value;
      if(! pass1==pass2) 
       {
          alert("passwords don't match");
          return false;
       }
      return true;
   }
</script>
<br><br>
    <center><input  id="buttonon" type ="submit" name="daftarpengguna" 
value="DAFTAR" onclick="return validatePasswords();"/>
    </center>
    </form>

Answer 1

您正在尝试使用getElementById函数来通过其名称找到输入。您需要将ID传递给该功能。

第二，if语句未正确格式。解释标记应在等号旁边。

function validatePasswords()
{
    var pass1 = document.getElementById("idd").value;
    var pass2 = document.getElementById("idd2").value;
    if(pass1 != pass2) 
    {
        alert("passwords don't match");
        return false;
    }
    return true;
}