jQuery Validation Plugin

jQuery ValidationThis jQuery plugin makes simple clientside form validation easy,whilst still offering plenty of customization options.

HTML Validation Example

Gender

Jquery Validation Example

Gender

$('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)}}});