What's up at FontShop.com, from
new and recommended fonts to website features, plus the latest ideas and inspiration from the FontFeed.
We’ve all been there. After meticulously filling out all the required information in a web form, we hit submit, only to be taken back to the beginning with an annoying “Complete required fields” or “Must be X characters long” message. Now we’ve got to scan the form to find the offending field. Frustrating!
We recognize this nuisance of the web and, in the ongoing effort to enhance your FontShop.com experience, we recently added new intelligence to our forms. As you enter data, it’s important to know as quickly and concisely as possible if something goes wrong (or right). FontShop.com used to message users with a large bar across the top of the page or, in some cases, a pop up window.
To prevent you from discovering these mistakes after the fact with this intrusive messaging system, we’ve redesigned messages to be more dynamic and clear. Now, most user input will validate as you enter it and errors appear in close proximity to where you type, clearly indicating what is required and delivering a satisfying checkmark of approval when things are golden.

Our new form validation will let you know if you’ve neglected something in the checkout process before you hit that Confirm button.


Once your input meets the requirements of a field, a supportive checkmark tells you it’s ok to move on.
You may have already noticed this improvement while registering a new account, logging in, or checking out. But if you haven’t, even better. Just like good book typography, the goal of successful user interface design is to communicate clearly without interrupting your flow.
I’ve always found this to be great a feature, bravo.
Not to nitpick, but in the first of the examples shown above, how could your expiration date ever be invalid unless you tried injecting some variables? :)
My apologies. I’d like to add that I suppose if the date supplied for your credit card is in the past, it would not be valid. In which case, you should just not be able to select it from the drop-downs.