密碼匹配確認

Question

我正在嘗試建立一個檢查表單以確保我的密碼和pswd匹配表單。 但不確定我缺少什么。 我對WebDev領域還不算年輕，花了很愚蠢的時間試圖弄清楚應該真正簡單的東西（在我的腦海中）。 我已經嘗試了這5種不同的方式，並一直保持沉默。 這實際上是我從別人那里復制的東西，對我不起作用。 有小費嗎？ 只需獲取兩個輸入即可檢查它們是否基本匹配。 僅供參考：我正在使用的文件名為initialsetup3SANDBOX.php（不確定是否重要）。

 function myFunction() { var pass1 = document.getElementById("pass1").value; var pass2 = document.getElementById("pass2").value; if (pass1 != pass2) { //alert("Passwords Do not match"); document.getElementById("pass1").style.borderColor = "#E34234"; document.getElementById("pass2").style.borderColor = "#E34234"; } else if { alert("Passwords Match!!!"); document.getElementById("regForm").submit(); } }

 <!DOCTYPE html> <html> <head> </head> <body> <form id="regform" action="/initialsetup3SANDBOX.php" method="post" onsubmit="return myFunction();"> <input id="pass1" type="password" placeholder="Password" style="border-radius:7px; border:2px solid #dadada;"><br> <input id="pass2" type="password" placeholder="Confirm Password" style="border-radius:7px; border:2px solid #dadada;"><br> </form> <input type="submit" value="Submit"> </body> </html>

Answer 1

3件事。

<input type="submit" value="Submit" />應該包裝在表單標簽中，然后才提交表單。
你應該用else沒有else if 。
同樣，您必須return false 。 當密碼不匹配時。 否則，表單操作將始終發生。

 function myFunction() { var pass1 = document.getElementById("pass1").value; var pass2 = document.getElementById("pass2").value; if (pass1 != pass2) { //alert("Passwords Do not match"); document.getElementById("pass1").style.borderColor = "#E34234"; document.getElementById("pass2").style.borderColor = "#E34234"; return false; } else { alert("Passwords Match!!!"); document.getElementById("regForm").submit(); } }

 <!DOCTYPE html> <html> <head> </head> <body> <form id="regform" action="/initialsetup3SANDBOX.php" method="post" onsubmit="return myFunction();"> <input id="pass1" type="password" placeholder="Password" style="border-radius:7px; border:2px solid #dadada;"><br> <input id="pass2" type="password" placeholder="Confirm Password" style="border-radius:7px; border:2px solid #dadada;"><br> <input type="submit" value="Submit" /> </form> </body> </html>

密碼匹配確認

問題描述

1 個解決方案

解決方案1
2 2017-11-22 15:25:25

密碼匹配確認

問題描述

1 個解決方案

解決方案1 2 2017-11-22 15:25:25

解決方案1
2 2017-11-22 15:25:25