Hi People, In this post we are going to write a simple jQuery script to shake effect (animate) your Input Box.

To animate we need to load jQuery and jQuery UI libraries in our script and then a single line of script would do the magic for us.

$('input').effect("shake",{times: 3}, 800);

That’s all, this much of script is enough to animate the input box.

But, wait let’s write a real scenario script where we can use this animation, so you can also use it in your project.

A simple form validation with shake effect.

    

        
JQuery Shake Effect - Demo by Theonlytutorials.com
        

            

              Email address:
              
            

              Password:
              
            

               Remember me
            
            Submit
          
    

You can just go through the above script to understand it, any doubt you can ask them in the comment section.

Finally here is the demo: