jQuery Form Animation Plugin - Form Animation: when form validation <3 animate.css
The jQuery Form Animation Plugin provides drop-in animation for your existing forms, while making all kinds of customizations to fit your application really easy.
jQuery can be downloaded from https://jquery.com/
jQuery Validation Plugin can be downloaded from http://jqueryvalidation.org/
Animate.css can be downloaded from https://daneden.github.io/animate.css/
Include jQuery and the plugin on a page. Then select a form to add animation and call the formAnimation method.
<head>
<link href='animate.css' media='all' rel='stylesheet'>
</head>
...
<body>
<form>
<input required>
</form>
<script src="jquery.js"></script>
<script src="jquery.validate.js"></script>
<script src="formAnimation.js"></script>
<script>
$("form").formAnimation({ animatedClass: 'shake' });
</script>
</body>Alternatively include jQuery and the plugin via requirejs in your module.
define(["jquery", "jquery.validate", "formAnimation"], function( $ ) {
$("form").formAnimation({ animatedClass: 'shake' });
});Bug reports and pull requests are welcome on GitHub at https://github.com/nnluukhtn/formAnimation.
Copyright © Luu Nguyen
Licensed under the MIT license.