Last week, I had the opportunity to help implement and
integrate a strong password policy to the legacy web application developed
using ASP technology. The solution I proposed was to use jQuery to display the
password strength meter to help users create strong password. Then one of my
colleagues had asked "Do we have to modify the client-side script, code
behind and password policy page if the client decided to alter the password
policy?" The answer is "no", thanks to jQuery, the client-side
script and code behind can share the same XML file. The password policy
information is stored to an XML file and the client-side script and code behind
are using the information in the XML file to perform the password strength
validation.
I found several fine jQuery plug-in to display the user's
password strength but I prefer to have something somewhat similar to the ASP.NET
AJAX PasswordStrength control. After spending some time doing research, I
am able to find all the necessary resources and assemble the jQuery plug-in to
achieve the goal. Listed below are the features of the plug-in and I have put
together a demo, everyone are welcome to download it.
1.
Display password strength indicator in text and progress bar meter.
2.
The password policy, bar color and width are stored in the XML file and
consume by the client-side and server side
3.
Use XSLT to transform the password policy XML file into HTML.
Figure 1
Figure 2
