Sample Inline Error Correction - Sign In
Welcome to your Online Account.
Glen Lipka samples using jQuery
You missed
.
User ID:
Forgot your User ID?
Not Required:
Email:
Invalid email format.
Example: name@domain.com
Phone:
Password:
Forgot your Password?
Remember my User ID
Things to notice from a UX point of view.
Enter a phone number. Notice how it restricts input to JUST valid numbers. This assumes a US only number.
Enter an improper email. Notice how it displays the error inline and lights up the row. Also is deletes the value.
Empty all the fields and click submit. Notice how the error message fades on and the troublesome rows are lit.
Click on a "lit" field. Notice how it goes back to normal.