javascript - jQuery.validate.js equalTo 拒绝工作

Question

我正在尝试验证我的一个密码是否与另一个密码相同。系统不断标记密码不等于错误。

让我发布我的代码:

<div class="fieldWrapper">
              <label for="password" id="id_password">Password: </label>
              <input id="id_password" type="password" placeholder="Password" name="password" maxlength="128" class="valid">
           </div>

<div class="fieldWrapper">
              <label for="password_verification">Confirm:</label>
              <input id="id_password_verification" type="password" placeholder="Confirm" name="password_verification" maxlength="128">
           </div>

$(document).ready(function()
{
  $("#signup-form").validate({
    rules: {
        password: {
            required: true,
            minlength: 5
        },

        password_verification: {
            required : true,
            equalTo: "#id_password"
        }
    },
    messages: {
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },

        password_verification: {
            required: "Please enter your password again",
            equalTo: "Please enter the same password as above"
        },
    },
    submitHandler: function(form) {
        form.submit();
    }
  });
});

有人知道我哪里出了问题吗？请注意，我的表单具有 id 注册表单。

Answer 1

您有重复的id在您的 HTML 中:

<label for="password" id="id_password">Password: </label>

删除id来自label .