Javascript - 登录框不起作用

Question

我目前正在制作一个 javascript 和 html 迷你登录框。我创建了一个 JavaScript 代码，用于检查密码的长度并检查确认密码和密码是否相同。这是代码...

<form name = "logme">
<fieldset>
<legend>Create Your Account!</legend>
<br>
<p>Username:*<input type="text" name="user" placeholder="Enter Your Name">
<br> 
<br>
Password:*<input type="password" id="pass">
<br>
<p>Confirm Password:*<input type="password" id="passwd">
<br>
<p>Email:*<input type="text" id="email" placeholder="you@example.com">
<br>
<br>
Show Password:<input id="chk" name="chk" type="checkbox" onclick="validate()" />
<br>
<br>
<input type="button" value="Create!" name="Submit" onclick="pwFunction()">
</p>
<a href="create.html">Don't Have An Account? Create One!</a>
</fieldset>
</form>

<script>

function pwFunction() {
var password = document.getElementById('pass');
var lok = password.value.length >= 8;
var cpassword = document.getElementById('passwd');

 if (!lok) {
      alert('Your Password Must Have Eight Characters!');
    }
    return lok;

if(password.value != cpassword.value) {
  alert('Your Passwords Do Not Match!');
   }
 }
 
</script>

它仅运行“您的密码必须包含八个字符”警报。 为什么不同时运行两者？ 感谢您的回答，对于给您带来的不便，我们深表歉意。

Answer 1

您的代码/脚本中有几个错误:

编辑1.将按钮更改为

<input type="submit" value="Create!" name="Submit" >

编辑2.在表单标签上使用javascript验证

<form name = "logme" action="somewhere" onsubmit = "return pwFunction();">

这样，只有当 pwFunction() 返回 true 时才会提交表单。

编辑 3. 你的 JavaScript 函数应该是:

function pwFunction() { 
var password = document.getElementById('pass');
var cpassword = document.getElementById('passwd');

 if (password.value.length < 8) {
      alert('Your Password Must Have Eight Characters!');
   return false;
    }

  if(password.value != cpassword.value) {
  alert('Your Passwords Do Not Match!');
    return false;
   }
  else
    {
      return true;
    }
 }