密码匹配确认

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