0

1つのパスワードが他のパスワードと等しいことを検証しようとしています。システムは、パスワードが等しくないというエラーのフラグを立て続けます。

私のコードを投稿させてください：

<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();
    }
  });
});

誰かが私がここで間違っているところに何か手がかりがありますか？私のフォームにはidsignup-formがあることに注意してください。

4

1 に答える 1

2

HTMLに重複idがあります：

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

から削除idしlabelます。

于 2012-09-18T03:59:00.940 に答える