Validations example

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

Form Validation

Simple jQuery Validation script to validate your form inputs.

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