Validation Form Plugins In jQuery – quickValidation.js

Form
Demo    Download
Validation Form Plugins In jQuery - quickValidation.js
File Size: 13.67 KB
Views Total: 481 views
Last Update:November 24, 2020
Publish Date: January 1, 2020
Official Website: Go to website
License: MIT

A jQuery Form Validation Plugin quickValidation.js works in a way It doesn’t defines the rules in the Javascript, instead they are assigned directly by using a data-validate attribute in the input tag. I assign them right in the input itself. Using a data-validate attribute in the input tag, you can string together rules like this required,number,range=0-99, then add the .quickValidate class, add a data-name attribute to name your field for errors, and you’re done.

Table of Contents

How to use :

1. Add Script :

<script src="jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery.quickValidate.js"></script>

2. Add Html :

<input type="text" name="Name" class="quickValidate" data-validate="required,number,range=0-99" />

3. Add script for validation :

$('form').quickValidate();

4. OPTIONS

classClass of inputs being validated, default: .quickValidate
notificationClassClass of notification popup default: .notification
errorClassClass of error text in notification default: .error


Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.