با استفاده از این پلاگین می توانید نسبت به امنیت پسورد خود مطلع شوید .
آموزش استفاده
۱- فراخوانی کتابخانه پلاگین و خصوصیت ها
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="passy.js"></script> <link rel="stylesheet" type="text/css" href="main.css" />
2- کد html جهت استفاده پلاگین
<div id="form"> <input id="input" type="text" placeholder="رمز" style="border-color: #bfbfbf;" /> <span id="output" style="background-color: rgb(204, 0, 0);">بد</span> </div> <script type="text/javascript"> var $input = $('#input'); var $output = $('#output'); $.passy.requirements.length.min = 4; var feedback = [ { color: '#c00', text: 'بد' }, { color: '#c80', text: 'معمولی' }, { color: '#0c0', text: 'خوب' }, { color: '#0c0', text: '! عالی !' } ]; $input.passy(function (strength, valid) { $output.text(feedback[strength].text); $output.css('background-color', feedback[strength].color); if (valid) $input.css(' border-color', 'green'); else $input.css('border-color', 'red'); }); </script>
امکانش است بجای اون باتون کناری که مینویسه خوب و بد و .. مثل یاهو یه فیلد زیرش میامد پر میشد ؟
یعنی میخای به صورت خط یا عکس باشه زیرش امیر جان ؟
بله به جای اینکه متن باشه عکس باشه؟ در این صورت چه جوری میشه
ممنون از مطلب مفیدتون
سلام
الهه خانم شما میتونی از این پلاگین استفاده کنی :
http://www.jqueryscript.net/form/Animated-Password-Strength-Meter-with-jQuery-Bootstrap.html