April 22, 2014 3:54 pm

How to shake login form on invalid entry using jQuery UI

In this tutorial I am going to give you a very simple jQuery code using that you can make your web interactive and look more attractive. In this tutorial you can learn to shake login box if user put wrong data like email and password it will shake login box left to right, In this tutorial I am  jQuery UI to create this shake effect.

How to shake login form on invalid entry using jQuery UI

jQuery to create shake effect:

This above code will check email and password with static values if matched then no effect else it will shake box and display invalid email or password message.

We used “shake” effect but there is many effect like bounce, slide, fade and scale etc you can find complete effects here.

All together: 

This complete code is working sample copied from our demo page.

That’s all for today download code and a demo available check our demo before use and please don’t forget to comment you feedback and do share with friends.

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.

Tutorial Categories:
  • sadath hussain

    Really amazing shake login page in PHP…Thank you for sharing this ….

  • siddhu

    Nice Code

  • huzoorbux

    I have added static data in jQuery you can post that data to server and on server response do your actions.

  • sanjay