javascript - jQuery 和 JavaScript 表单验证 : Password field param undefined and password-confirm ok

Question

当你按下“点击测试注册”时，我这里有一个表格:http://www.problemio.com/test.php

如果您输入所有字段，则会提示您密码错误。原因是在 JS 验证方面，无法以某种方式检索密码字段。这是我的表格的一部分:

 <p>
     <label for="name"><span>Password (5+ Characters):</span></label> <input type="password" id="user_pass" name="user_pass" >
 </p>
 <p id="password_error" style="display:none;">
    <span class="error">The password must be over 5 characters.</span>
 </p> 
 <p>
     <label for="name"><span>Password Confirm:</span></label> <input type="password" id="user_pass_check" name="user_pass_check">
 </p>
 <p id="password_confirm_error" style="display:none;">
    <span class="error">The passwords must match</span>
 </p> 

这是我检索参数的方式:

    var password = $("#user_pass").val();       
    var pass_confirm = $("#user_pass_check").val();

    alert ("password: " + password);
    alert ("pass_confirm: " + pass_confirm);

password confirm field其实得到的是参数ok，但是password field总是undefined或者为空。知道为什么会发生这种情况吗？

谢谢!

Answer 1

您的页面有两个 ID 为“user_pass”的密码字段，一个在注册表单中，另一个在登录表单中，使用不同的 ID 不会有问题。