Jquery Password Checker

Jquery Password Checker

in this article i will teach you how to check password strength using jquery if password strength is low then we will display low message and if password strength is medium then also display medium password message  like this you can see the below this is very basic jquery password checker i mean this article is for begginer because this is supper easy

password strength

so first of all create html file save with html extension and download jquery library or use google api in this tutorial i will be use google api you can use any one google api or download from jquery website www.jquery.com and this tutorials i will be use jquery internal method 

 
   




Check Password Strength:   

Explination

if keyup event occur if keyboard key is released then we will get length of input box password value and we check password value through if condition if the value is equal of zero thats mean if password box is empty then we remove all css classes 

if value is equal or less then 4 then we will display week password strength message and we add red css class and remove other classes 

if password value is equal of 8 then we will display medium message and add orange css class and remove other classes if greater then 8 will display strong message now you can add more functionality the password strength you can set is your need but usually use 4 digits for low strength and 8 for meduim  so this is very basic password strength article for you guys