Posted By

iqwebdev on 07/14/10


Tagged


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

jfherring
wattsupnow
verostudios
mmcachran


jQuery Password Strength


 / Published in: jQuery
 

  1. $('#pass').keyup(function(e) {
  2. var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
  3. var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
  4. var enoughRegex = new RegExp("(?=.{6,}).*", "g");
  5. if (false == enoughRegex.test($(this).val())) {
  6. $('#passstrength').html('More Characters');
  7. } else if (strongRegex.test($(this).val())) {
  8. $('#passstrength').className = 'ok';
  9. $('#passstrength').html('Strong!');
  10. } else if (mediumRegex.test($(this).val())) {
  11. $('#passstrength').className = 'alert';
  12. $('#passstrength').html('Medium!');
  13. } else {
  14. $('#passstrength').className = 'error';
  15. $('#passstrength').html('Weak!');
  16. }
  17. return true;
  18. });
  19.  
  20.  
  21. <input type="password" name="pass" id="pass" />
  22. <span id="passstrength"></span>

Report this snippet  

You need to login to post a comment.