jQuery Plugin For Form Validation Animations Using Animate.css

File Size: 71.6 KB
Views Total: 5052
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Form Validation Animations Using Animate.css

Form Animation is a super tiny jQuery plugin which uses Animate.css to add cool CSS3 animations to your invalid form when submitting. Form field validation functionality is provided by jQuery Form Validation plugin.

How to use it:

1. Include jQuery JavaScript library and other required resources on the web project.

<link href='/path/to/animate.css' rel='stylesheet'>
<script src='/path/to/jquery.min.js'></script>
<script src='/path/to/jquery.validate.min.js'></script>

2. Download and include the formAnimation.js script after jQuery library.

<script src='formAnimation.js'></script>

3. Call the function on the form and specify the animation type you want to use.

$('form').formAnimation({ 
  animatedClass: 'shake' 
});

This awesome jQuery plugin is developed by nnluukhtn. For more Advanced Usages, please check the demo page or visit the official website.