Skip to content
Form Animation: when form validation <3 animate.css
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
screenshots
src
vendor
.gitignore
Gruntfile.js Bump to 0.0.1 Apr 17, 2016
LICENSE
README.md
npm-debug.log
package.json Bump to 0.0.1 Apr 17, 2016

README.md

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.

Screenshot

Screenshot

Getting Started

Downloading the required libraries

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/

Including it on your page

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

Reporting issues and contributing code

Bug reports and pull requests are welcome on GitHub at https://github.com/nnluukhtn/formAnimation.

License

Copyright © Luu Nguyen
Licensed under the MIT license.

You can’t perform that action at this time.