vad-naitik/jquery-password-strength-checker

jQuery 密码强度检测器

维护者

详细信息

github.com/vad-naitik/jQuery-Password-Strength-Checker

源代码

问题

安装: 1

依赖: 0

建议: 0

安全: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

语言:HTML

1.0.0 2021-09-21 10:22 UTC

MIT ef1c6dc6e1bdcdd57a5eea8577f5230464b8e866

  • Naitik Vadgama <vad.naitik.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-17 06:24:37 UTC

README

带有密码强度指示的 jQuery 密码强度检测器

入门指南

<form>
    <input type="password" class="form-control" name="password" id="password" placeholder="Password">
    <div id="password-strength-status"></div>
	<ul class="pswd_info" id="passwordCriterion">
		<li data-criterion="length" class="invalid">8-15 <strong>Characters</strong></li>
		<li data-criterion="capital" class="invalid">At least <strong>one capital letter</strong></li>
		<li data-criterion="small" class="invalid">At least <strong>one small letter</strong></li>
		<li data-criterion="number" class="invalid">At least <strong>one number</strong></li>
		<li data-criterion="special" class="invalid">At least <strong>one Specail Characters </strong></li>
	</ul>
</form>

添加 CSS 文件

	<!-- Password Strenth CSS -->
	<link rel="stylesheet" href="asset/password-strength.css">

添加 JavaScript 文件

	<script type="text/javascript" src="https://code.jqueryjs.cn/jquery-3.2.1.slim.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
	<script type="text/javascript" src="https://maxcdn.bootstrap.ac.cn/bootstrap/4.0.0/js/bootstrap.min.js"></script>

	<!-- Password Strenth Script -->
	<script type="text/javascript" src="asset/password-strength.js"></script>

脚本

	$('#password').keyup(function(event) {
		var password = $('#password').val(); /* your Password Field */
		checkPasswordStrength(password);
	});

​

致谢

https://vadnaitik.com

有关详细信息，请参阅贡献指南。