Jquery Form Validator

JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code.
This jQuery plugin makes clientside form validation easy and also offer’s plenty of customization options.The plugin comes with a useful set of validation methods, including URL and email validation etc. This Plugin also Provide default and custum error message.

 

Form To Validate

<form id="example">
<input type="text" name="username" >
<input type="email" name="email" id="email ">
<input type="email" name="confirm_email" >
<input type="text" name="phone" >
</form>

 

Add These Scripts In Header File

<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

 

Form Validation Code:

jQuery(function() {
    jQuery("#example").validate({
        rules: {
            username: {
                required: !0,
                minlength: 6,
            },
            phone: {
                required: !0,
                phoneUS: !0,
            },
            email: {
                required: !0,
                email: !0
            },
            confirm_email: {
                required: !0,
                equalTo: "#email"
            }
        },
        messages: {
            username: {
                required: "Please enter your name",
                minlength: "Your username must be at least 6 characters long"
            },
            phone: {
                required: "Please enter Phone",
                phoneUS: "Please enter valid Us Phone"
            },
            email: {
                required: "Please enter a valid email address"
            },
            confirm_email: {
                required: "Please enter email address",
                equalTo: "Please enter a same email address"
            }
        },
        submitHandler: function(e) {
            e.submit()
        }
    })
});

 

Related Blogs

WordPress Ajax login

To implement Ajax login in WordPress, you can follow these steps: 1. Open the theme’s functions.php file in your WordPress

Ajax login WordPress

Sometime we need to login in site without reloading the page.so we simply use ajax for it. first we add

Request A Quote

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.