Learn Infinity

Learn Some Thing New

Password Strength Notifier

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>

Back to top