For example, use it in form validation for showing the warning on invalid input or using it to display the alert message when form successfully submitted. There are many other cases when you can use this.
But, the problem is it does not look good on the screen.
There are many free jQuery plugins that you can use to show the user-friendly message box.
In this tutorial, I am using sweetAlert jQuery plugin to show custom message box on the screen and use it as an alternative to default alert box.
It looks much better than default alert and it is responsive.
Whether you are a beginner or not to the WordPress, you have seen the shake effect when you go for the Login in Admin Dashboard.
The login box shakes every time when the user enters the wrong username and password.
In this tutorial, I show How you can create the similar kind of effect using jQuery UI.
What in the demonstration?
For demonstration, I am creating two examples – In first, I am creating a basic Login form which shakes on the wrong username and password and in the second example, using the arguments with shake effect.