2

コードが機能しない理由がわかりません。パスワードの確認で「パスワードの確認が必要です」と表示されません。

私のjsコード：

    $(document).ready(function(){
$('.new_user').validate({
    debug: true,
    rules: {
        'user[email]':{
            required: true
        },
        'user[password]': {
            required: true,
            'user[password_confirmation]': {
                equalTo: "#user_password"
            }
        }

},

showErrors: function(errorMap, errorList) {
    this.defaultShowErrors();
},
success: "valid"

});
})

私のhtmlコード：

   <div><label for="user_password">Password</label><br>
   <input id="user_password" name="user[password]" size="30" type="password" class="error"><label for="user_password" generated="true" class="error" style="">This field is required.</label></div>

      <div><label for="user_password_confirmation">Password confirmation</label>
<input id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password"></div>
4

1 に答える 1

3

作業デモ http://jsfiddle.net/g45fM/1/

デモのこのバージョンは、あなたが試しているものよりもはるかにクリーンであり、HTMLも含まformれていません。

お役に立てれば。

コード

$.validator.setDefaults({
    submitHandler: function() {
        alert("submitted!");
    }
});

// validate signup form on keyup and submit
$("form").validate({
    rules: {
        pass: {
            required: true,
            minlength: 5
        },
        pass2: {
            required: true,
            minlength: 5,
            equalTo: "#pass"
        }
    },
    messages: {
        pass: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        pass2: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long",
            equalTo: "Please enter the same password as above"
        }
    }
});​
于 2012-06-17T09:20:13.130 に答える