[jQuery] [validate] different rules on different events
hi,
i am trying to get to work different rules on different events but i
dont know where i am doing wrong?
$("#registerForm").validate({
errorElement: "div",
errorClass: "formerror",
onblur: false,
onclick: false,
event: "onkeyup",
rules: {
username: { required: true, minlength: 4, remote: "check-
username.php" },
email: { required: true, email: true, remote: "check-mail.php" }
},
messages: {
username: { required: "Username required!", minlength: "Username
too short!", remote: jQuery.validator.format("{0} is already taken,
please try a different username.") },
email: { required: "Email required!", email: "Email must be a
valid email", remote: jQuery.validator.format("{0} is registered,
please enter a different email.") }
},
event: "submit",
rules: {
username: { required: true, minlength: 4, remote: "check-
username.php" },
password: { required: true, minlength: 6 },
repassword: { required: true, minlength: 6, equalTo:
"#password" },
name: {required: true },
surname: { required: true },
email: { required: true, email: true, remote: "check-mail.php" },
agreement: { required: true }
},
messages: {
username: { required: "Username required!", minlength: "Username
too short!", remote: jQuery.validator.format("{0} is already taken,
please try a different username.") },
password: { required: "Password required!", minlength:
jQuery.format("Enter at least {0} characters") },
repassword: { required: "Password required!", minlength:
jQuery.format("Enter at least {0} characters"),equalTo: "Please enter
the same password as above" },
name: { required: "Name required!" },
surname: { required: "Surname required!" },
email: { required: "Email required!", email: "Email must be a
valid email", remote: jQuery.validator.format("{0} is registered,
please enter a different email.") },
agreement: { required: "You should agree terms of use." }
},
invalidHandler: function(form, validator){
$("#alertContainer").fadeIn();
},
unhighlight: function(element, errorClass) {
if (this.numberOfInvalids() == 0) {
$("#alertContainer").fadeOut();
}
},
success: function(label) {
label.removeClass("formerror");
label.prev().removeClass("formerror");
}
});