jQuery Validation This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options.
HTML Validation Example
$('select[required]').css({
position: 'absolute',
display: 'inline',
height: 0,
padding: 0,
border: '1px solid rgba(255,255,255,0)',
width: 0
});
$("#formValidate").validate({
rules: {
uname: {
required: true,
minlength: 5
},
cemail: {
required: true,
email:true
},
password: {
required: true,
minlength: 5
},
cpassword: {
required: true,
minlength: 5,
equalTo: "#password"
},
curl: {
required: true,
url:true
},
crole:{
required: true,
},
ccomment: {
required: true,
minlength: 15
},
cgender:"required",
cagree:"required",
},
//For custom messages
messages: {
uname:{
required: "Enter a username",
minlength: "Enter at least 5 characters"
},
curl: "Enter your website",
},
errorElement : 'div',
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).append(error)
} else {
error.insertAfter(element);
}
}
});