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

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.

jQuery Form Animation Plugin - Form Animation: when form validation <3 animate.css

Getting Started

Downloading the required libraries

Including it on your page

Reporting issues and contributing code

License