jQuery и pwdMeter включают в себя:
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jquery.pwdMeter.js"></script>
jQuery для вызова вызова плагина:
<script type="text/javascript">
$(document).ready(function(){
$("#password").pwdMeter();
});
</script>
Этот код вызова .pwdMeter (); функция триггера готовности документа.
HTML-код:
<div id="grid">
<input type="password" id="password">
<span id="pwdMeter" class="neutral"></span>
</div>
Появится текстовое поле для ввода пароля, а когда вы вводите что-то в поле пароля, оно показывает силу в пустом диапазоне.
<style>
.veryweak{
color:#B40404;
}
.weak{
color:#DF7401;
}
.medium{
color:#FFFF00;
}
.strong{
color:#9AFE2E;
}
.verystrong{
color:#0B610B;
}
</style>