Form Character Limit Animation using jQuery and CSS
I was recently playing around with form validation and using css to animate cool things, but then I stumbled across character limit. You can easily use jQuery to access parameters like an input field’s character limit and current character limit. So I tried creating a simple animation that showed as you were typing in a field how many characters you had left. I opted for a simple design where there is just a grey bar underneath the input field and it fills up as you type in characters and changes colors as you get closer to the limit.
As design junkies, we all benefit from what we put back into the art… So start sharing your latest news, article or resources and tips, by using the submit form. All submissions will of course be monitored and appreciated by the entire community.
3 years ago Community News8