A jQuery/Bootstrap Password Strength Notifier module that produces an advance bar beneath your secret key field to tell the watchword quality and presentations solid watchword prerequisite messages to provoke a client with right solid secret key.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<!Doctype html> <html> <head> <title>Password Strength Notifier</title> <link rel="stylesheet" href="assets/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .progress { margin: 10px; } .password-score { font-size: 25px; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-offset-3 col-md-6"> <form> <h1>Password Strength Notifier</h1> <div class="form-group"> <label for="password">Check Your Password Strength :</label> <input type="password" class="form-control" id="your_password" placeholder="Enter Your Password"> </div> </form> </div> </div> </div> <script src="assets/jquery-1.12.4.min.js"></script> <script src="assets/bootstrap.min.js"></script> <script src="assets/jquery.passwordstrength.js"></script> <script> $('#your_password').passwordStrength(); </script> </body> </html> |
