jQuery Validation Plugin

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

HTML Validation Example

Username*

E-Mail *

Password *

Confirm Password *

URL *

Role

Your comment *

Gender

Male

Female

T&C *

Please agree to our policies

Jquery Validation Example

View
JS

Username*

E-Mail *

Password *

Confirm Password *

URL *

Role *

Your comment *

Gender

Male

Female

T&C *

Please agree to our policies


  $("#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",
      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);
      }
    }
  });