Question

我有一个html文件，我正在尝试检查两个密码字段（密码和符合密码），我必须使用这个特定的表单我不能使用任何样本，我在这里查看了示例，我来了一个穿过一个工作的例子，我试图让它工作，但它到目前为止没有工作，我是新来的，所以请耐心等待我

<div id="register" class="animate form">
 <form action="mysuperscript.php" autocomplete="on"> 
 <h1> Sign up </h1> 
 <p> 
 <label for="usernamesignup" class="uname" data-icon="u">Your username</label>
 <input id="usernamesignup" class="username" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690">
 <span class="check"  ></span> 
 </p>
 <p> 
 <label for="emailsignup" class="youmail" data-icon="e"> Your email</label>
 <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"> 
 </p>
 <p> 
 <label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label>
 <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO">
 </p>
 <p> 
 <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label>
  <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" onkeyup="checkPasswordMatch(); placeholder="eg. X8df!90EO">
  </p>
  <p class="signin button"> 
  <input type="submit" value="Sign up"> 
  </p>
  <p class="change_link">  
Already a member ?
  <a href="#tologin" class="to_register"> Go and log in </a>
</p>
</form>

我已将此功能添加到代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
function checkPasswordMatch() {
    var password = $("#passwordsignup").val();
    var confirmPassword = $("#passwordsignup_confirm").val();

    if (password != confirmPassword)
        $("#register").html("Passwords do not match!");
    else
        $("#register").html("Passwords match.");
}
</script>

根据示例它应该可以工作，但显然我在这里做错了，感谢你的帮助。

Answer 1

这条线搞砸了。

 onkeyup="checkPasswordMatch(); placeholder="eg. X8df!90EO">

您的双引号不匹配。

Answer 2

在您发布的代码中，您在"之后错过onkeyup="checkPasswordMatch();。

Answer 3

<!DOCTYPE html>
<html>
<body>
<div id="register" class="animate form">
 <form action="mysuperscript.php" autocomplete="on"> 
 <h1> Sign up </h1> 
 <p> 
 <label for="usernamesignup" class="uname" data-icon="u">Your username</label>
 <input id="usernamesignup" class="username" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690">
 <span class="check"  ></span> 
 </p>
 <p> 
 <label for="emailsignup" class="youmail" data-icon="e"> Your email</label>
 <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"> 
 </p>
 <p> 
 <label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label>
 <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO">
 </p>
 <p> 
 <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label>
  <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="eg. X8df!90EO">
  </p>
  <div id="msg"></div>
  <p class="signin button"> 
  <input type="submit" value="Sign up"> 
  </p>
  <p class="change_link">  
Already a member ?
  <a href="#tologin" class="to_register"> Go and log in </a>
</p>
</body>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#passwordsignup_confirm").keyup(function(){
    var password = $("#passwordsignup").val();
    var confirmPassword = $("#passwordsignup_confirm").val();

    if (password !== confirmPassword){
        $("#msg").html("Passwords do not match!");
    }else{
        $("#msg").html("Passwords match.");
    }
});
});

</script>
</html>

检查上面的代码!!

确认密码验证

3 个答案: