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
Related reading:
- Convert PHP Array into JavaScript Array
- Click on map and get Longitude -Latitude
- Web design and development services
Shiv Kumawat is the CEO of Eoxys IT Solution LLP, the Jaipur-based IT company he has led since 2009. An AI & IT Solutions Consultant with 16+ years of experience, he works with startups and enterprises to turn ideas into market-ready SaaS platforms, mobile apps and AI-driven solutions. His team has delivered 700+ projects across SaaS, mobile and web apps, automation and AI. He previously served as Chief Technology Officer for a US company.
