<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 1</title>
</head>
<body>
<style type="text/css">
<!--
div#strengthmeter { width: 300px; height: 20px; }
div#strengthmeter div { width: 200px; height: 20px; background: #ccc; float: left; }
div#strengthmeter div #strengthbar { width: 1px; background: #000; }
-->
</style>
<script type="text/javascript">
<!--
var minimum = 4;
var fair = 6;
var strength_label = Array( 'Too short', 'Weak', 'Fair', 'Medium', 'Strong', 'Very Strong' );
var strength_color = Array( 'FF0000', 'FF9900', 'FFCC33', '99CC99', '00CC33', '006600' );
var strength_width = Array( '10', '20', '30', '50', '75', '100' );
function updatestrength( pw ) {
if(!pw){ var pw = document.getElementById('password').value.toString(); }
if(!pw){ return false; }
var strength = 0;
if( pw.length >= minimum ) {
strength = 1;
if(pw.length >= fair){
strength++;
}
if(/\d+/g.test(pw)){
strength++;
}
if(/\W+/g.test(pw)){
strength++;
}
if(/[a-z]+/g.test(pw) && /[A-Z]+/g.test(pw)){
strength++;
}
}
document.getElementById('strength').innerHTML = strength_label[ strength ] + ' ' + strength;
document.getElementById('strengthbar').style.backgroundColor = strength_color[ strength ];
document.getElementById('strengthbar').style.width = strength_width[ strength ]+'%';
}
//-->
</script>
<table border="0" width="300" id="table1">
<tr>
<td>
<p align="center"><input type="text" name="password" id="password" value="" onkeyup="updatestrength();" /></td>
</tr>
<tr>
<td><div id="strengthmeter"><div><div id="strengthbar"></div></div><p id="strength"></p></div> </td>
</tr>
</table>
</body>
</html>
ممنون . این جالب بود ولی اساس کارش خوب نیست . اونایی که مثلا توی قسمت سایت یاهو یا گوگل استفاده شده با Php نوشته شده و خیلی هوشمند تر از این کار میکنند . مثلا اگر شما یک ╝ داخل کلمه عبور خود استفاده کنید اونو ماکزیمم نشون میده . یعنی کاراکتر های ویژه رو هم میشناسه ولی این جاوااسکریپت اینطوری نیست .سلام
با HTML و JAVASCRIPT یکی نوشته شده شاید به کارتون بیاد
PHP:<html dir="rtl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>New Page 1</title> </head> <body> <style type="text/css"> <!-- div#strengthmeter { width: 300px; height: 20px; } div#strengthmeter div { width: 200px; height: 20px; background: #ccc; float: left; } div#strengthmeter div #strengthbar { width: 1px; background: #000; } --> </style> <script type="text/javascript"> <!-- var minimum = 4; var fair = 6; var strength_label = Array( 'Too short', 'Weak', 'Fair', 'Medium', 'Strong', 'Very Strong' ); var strength_color = Array( 'FF0000', 'FF9900', 'FFCC33', '99CC99', '00CC33', '006600' ); var strength_width = Array( '10', '20', '30', '50', '75', '100' ); function updatestrength( pw ) { if(!pw){ var pw = document.getElementById('password').value.toString(); } if(!pw){ return false; } var strength = 0; if( pw.length >= minimum ) { strength = 1; if(pw.length >= fair){ strength++; } if(/\d+/g.test(pw)){ strength++; } if(/\W+/g.test(pw)){ strength++; } if(/[a-z]+/g.test(pw) && /[A-Z]+/g.test(pw)){ strength++; } } document.getElementById('strength').innerHTML = strength_label[ strength ] + ' ' + strength; document.getElementById('strengthbar').style.backgroundColor = strength_color[ strength ]; document.getElementById('strengthbar').style.width = strength_width[ strength ]+'%'; } //--> </script> <table border="0" width="300" id="table1"> <tr> <td> <p align="center"><input type="text" name="password" id="password" value="" onkeyup="updatestrength();" /></td> </tr> <tr> <td><div id="strengthmeter"><div><div id="strengthbar"></div></div><p id="strength"></p></div> </td> </tr> </table> </body> </html>