[jQuery] how to display a message layer after form-submit?
hey all,
i'm using the form validation plugin to validate my form (http://
docs.jquery.com/Plugins/Validation), works great.
now i want to display a layer after clicking the submit-button.
unfortunatly i don't know ho i can do that, thanks in advance for
help :-)
please take a look at my js-code i'm using to validate my form:
--------------------------------------
my javascript:
// JavaScript Document
$(document).ready(function(){
$("#signupform").validate({
rules: {
username: {
required: true,
minlength: 2,
remote: "/_misc/formcheck/username.cfm"
},
password1: {
required: true,
minlength: 5
},
password2: {
required: true,
minlength: 5,
equalTo: "#password1"
},
email: {
required: true,
email: true,
remote: "/_misc/formcheck/email.cfm"
},
email2: {
required: true,
email: true,
equalTo: "#email"
},
usage: "required"
},
messages: {
username: {
required: "provide username!",
minlength: "more than 1 chars!"
},
password1: {
required: "provide password!",
minlength: "more than 4 chars"
},
password2: {
required: "provide password",
minlength: "more than 4 chars!",
equalTo: "password doesn't match"
},
email: "enter valid email",
email2: {
required: "enter valid email",
equalTo: "emails doesn't match"
},
usage: "please accept terms!"
},
// set this class to error-labels to indicate valid fields
success: function(status) {
// set as text for IE
status.html(" ").addClass("checked");
}
});
})
--------------------------------------