Jquery Form Validator.

Code

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

Output on submit

Shiv kumawat

Executive Director & CEO

"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.”

Latest Posts

Blockchain Development

Top Blockchain Development Services to Watch in 2025

Blockchain technology has transformed from a niche innovation to an industry-disrupting one, too. Blockchain, dominated by its decentralized, transparent, and…

sakshi
July 24, 2025
What is Generative AI

What is GenAI, and how does it work? Complete Guide

Generative AI is a new game-changer in the technological realm. It can produce new material, whether in art and writing,…

sakshi
July 21, 2025
AI solutions for SMBs

How AI is Revolutionizing Operations for SMBs in 2025

By 2025, Artificial Intelligence (AI) will no longer remain a futuristic idea or concept but will be a force that…

sakshi
July 17, 2025
, ,

Leave a Reply

Your email address will not be published. Required fields are marked *