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

 

Categories

Related Blogs

Add Custom Taxonomy Filter on Products Dashboard.

How To Filter Products by Taxonomies in the Dashboard?

WooCommerce provide Many Product filters on admin screen , such as “Select a category”, “Filter by product type”, “Filter by stock status”.

How To Limit Search To Post Titles?

I added a text field to the posts filter form and I use s= parameter to make the search work. But how to search only in the title of the post (not in the content)? how to limit search to post titles? How to search only by Post Title?

Request A Quote