Проверка за сила на парола

[dakata__92]

Искам код който да показва силата на дадена парола при onkeyup и да я извежда в някъкав див без да презарежда ! Интересува ме и ако я има с картинки или нещо подобно но да не е някоя много сложна

 

[dakata__92]

Нещо подобно ми е нужно
[js]
<script language="javascript">
function passwordCheck()
{
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z]) (?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp("(?=.{6,}).*", "g");
var pwd = document.getElementById("password");
if (pwd.value.length == 0)
{
document.getElementById('check').innerHTML = 'Type Password';
}
else if (false == enoughRegex.test(pwd.value))
{
document.getElementById('check').innerHTML = 'More Characters';
}
else if (strongRegex.test(pwd.value))
{
document.getElementById('check').innerHTML = '<span style="color:green">Strong!</span>';
}
else if (mediumRegex.test(pwd.value))
{
document.getElementById('check').innerHTML = '<span style="colorrange">Medium!</span>';
}
else
{
document.getElementById('check').innerHTML = '<span style="color:red">Weak!</span>';
}
}
</script>
<form name='som' method='post' action=''>
<input name="password" id="password" type="text" size="15" maxlength="30" onkeyup="return passwordCheck();" />
</form>
<div id="check">Type Password</div>
[/js]

 

[dakata__92]

Направих това което желая

 

[kikity_94]

Bи ли споделил как го направи

 

[dakata__92]

Можеш вече да си го моделираш сякак
[js]
<script language="javascript" type="text/javascript">
function pwdStrength(password)
{
var desc = new Array();
desc[0] = "<font color='red' size='1'><b>Много слаба</b></font>";
desc[1] = "<font color='cyan' size='1'><b>Слаба</b></font>";
desc[2] = "<font color='blue' size='1'><b>По-добра</b></font>";
desc[3] = "<font color='darkblue' size='1'><b>Средна</b></font>";
desc[4] = "<font color='green' size='1'><b>Силна</b></font>";
desc[5] = "<font color='olive' size='1'><b>Много силна</b></font>";
var score = 0;
//if password bigger than 6 give 1 point
if (password.length > 6) score++;
//if password has both lower and uppercase characters give 1 point
if ( ( password.match(/[a-z]/) ) && ( password.match(/[A-Z]/) ) ) score++;
//if password has at least one number give 1 point
if (password.match(/\d+/)) score++;
//if password has at least one special caracther give 1 point
if ( password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)]/) ) score++;
//if password bigger than 12 give another 1 point
if (password.length > 12) score++;
if (password.length > 0)
{
document.getElementById("pwdDescription").innerHTML = desc[score];
}
else
{
document.getElementById("pwdDescription").innerHTML = "";
}
}
</script>[/js]

 

[kikity_94]

Можеш вече да си го моделираш сякак
[js]
<script language="javascript" type="text/javascript">
function pwdStrength(password)
{
var desc = new Array();
desc[0] = "<font color='red' size='1'><b>Много слаба</b></font>";
desc[1] = "<font color='cyan' size='1'><b>Слаба</b></font>";
desc[2] = "<font color='blue' size='1'><b>По-добра</b></font>";
desc[3] = "<font color='darkblue' size='1'><b>Средна</b></font>";
desc[4] = "<font color='green' size='1'><b>Силна</b></font>";
desc[5] = "<font color='olive' size='1'><b>Много силна</b></font>";
var score = 0;
//if password bigger than 6 give 1 point
if (password.length > 6) score++;
//if password has both lower and uppercase characters give 1 point
if ( ( password.match(/[a-z]/) ) && ( password.match(/[A-Z]/) ) ) score++;
//if password has at least one number give 1 point
if (password.match(/\d+/)) score++;
//if password has at least one special caracther give 1 point
if ( password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)]/) ) score++;
//if password bigger than 12 give another 1 point
if (password.length > 12) score++;
if (password.length > 0)
{
document.getElementById("pwdDescription").innerHTML = desc[score];
}
else
{
document.getElementById("pwdDescription").innerHTML = "";
}
}
</script>[/js]

А как тази функция ще взима стойноста от инпут полето смсл и едно html-4e за пример само да покажеш id-та простотии

 

[dakata__92]

<html>
<head>
//Скрипт
</head>
<body>
    <table>
        <tr>
            <td>
          
                    Password<input type="text" name="pass" id="pass" onkeyup='pwdStrength(this.value)' />
            </td>
            <td>
                <div id='pwdDescription'></div>
            </td>
        </tr>
       
    </table>
</body>
</html>