Form Validation in HTML means to check that the user’s entered credential — Email, Username, Password is valid and correct or not. User will not get access to the restricted page until he/she entered a valid email and password. And, Shake Effect in this Login Form means when the user clicks on the login button without entering their email and password then the input boxes shake to inform the user that these fields can’t be blank.
Once the user starts entering their credentials in the input fields then these errors will automatically hide. If you are feeling difficulties with what I’m saying then you can watch a video tutorial of this Login Form Validation in HTML with Shake Effect.
In the video, you’ve clearly seen how this login form looks like and how it show an error when the user tries to log in without entering an email and password or without entering a valid email address. This login form is created only for design purposes so when you entered a valid email & password and click on the login button then these details won’t send or submit anywhere.
If you want to send these details anywhere and want to receive them using PHP then you’ve to put that PHP file URL inside the
action attribute of the form tag. I've already shared a blog on how to create Login & Registration Form with Email Verification using PHP. If you want to make this form workable and dynamic then don't forget to read the mentioned blog.
You might like this:
- Multi-step Signup Form UI Design
- Animated Login & Registration Form
- Responsive Contact us UI Form Design
- Login & Signup Form with PHP & MySQL