Form Validation with Tooltips using Validation CSS Classnames, JSFiddle example

3,589 views
Skip to first unread message

Adam Bradley

unread,
Oct 10, 2012, 9:36:19 AM10/10/12
to ang...@googlegroups.com
I created an example form which uses Angular's validation CSS classnames to style tooltips over the form inputs. While entering your password the tooltip helps explain the requirements for the password, for example the password must be at least 8 characters long, and at least one character and one number:
http://jsfiddle.net/adamdbradley/Qdk5M/

This is a port from a jQuery Password strength verification tutorial: 

(Disclaimer: Only created for an example of how the CSS classnames can be used, I didn't do any cross-browser/legacy checking)

ganaraj p r

unread,
Oct 10, 2012, 9:42:12 AM10/10/12
to ang...@googlegroups.com
Looks really cool :)

Awesome..

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en.
 
 



--
Regards,
Ganaraj P R

pradeep sonawane

unread,
Mar 15, 2015, 9:33:58 AM3/15/15
to ang...@googlegroups.com, adambr...@gmail.com
cool...
it works great..
it took a while to understand it, i didnt find the .input-help class documentation in angular.  
Reply all
Reply to author
Forward
0 new messages