2
$('#reg_form').validate({
                onkeyup: false,
                errorClass: 'error',
                validClass: 'valid',
                rules: {
                    username: {
                        required: true,
                        minlength: 5,
                        //remote: "user_check.php"
                    },
                    password: {
                        required: true,
                        minlength: 5
                    },
                    confirm_password: {
                        required: true,
                        minlength: 5,
                        equalTo: "#password"
                    },
                    secretQuestion: "required",
                    secretAnswer: "required",
                    emailId: {
                        required: true, 
                        email: true
                    },
                    termsConditions: "required"                 
                },
                messages:{
                    username: {
                        required: "Please enter Username",
                        minlength: "Please enter atleast 5 characters",
                        //remote: jQuery.format("{0} is already in use")
                    },
                    password: {
                        required: "Please provide a password",
                        minlength: "Your password must be at least 5 characters long"
                    },
                    confirm_password: {
                        required: "Please provide a password",
                        minlength: "Your password must be at least 5 characters long",
                        equalTo: "Please enter the same password as above"
                    },
                    secretQuestion: "Please select your question",
                    secretAnswer: "Please enter your secret answer",
                    emailId: "Please enter a valid email address",
                    termsConditions: "Please accept our Terms and COnditions"
                },
                highlight: function(element) {
                    $(element).closest('div').addClass("f_error");
                },
                unhighlight: function(element) {
                    $(element).closest('div').removeClass("f_error");
                },
                errorPlacement: function(error, element) {
                    $(element).closest('div').append(error);
                }
            });
4

4 に答える 4

4

"rules:" を介して検証を設定する場合、入力の "name" が必要であり、"id" は必要ありません。

したがって、次のような入力の場合:

<input type="text" name="password_name" id="password_id></input>
<input type="text" name="confirm_password_name" id="confirm_password_id></input>

検証でこれを変更する必要があります。

password_name: {
  required: true,
  minlength: 5
},
confirm_password_name: {
  required: true,
  minlength: 5,
  equalTo: "#password_id"
}

それがうまくいくことを願っています。

于 2014-02-06T13:27:52.300 に答える
3
于 2012-07-06T15:13:56.313 に答える
0

ええ、それはまっすぐに機能していません。

Firefox 17.0.1
jQuery 1.8.3
jQuery 検証プラグイン 1.10.0

フィールド名だけを使用すると機能しません。

...equalTo="パスワード"....

代わりに、id を使用する必要があります:

...equalTo="#password"....

于 2012-12-13T20:29:38.080 に答える