Функция для проверки сложности пароля по различным критериям: длине пароля, символов из которых состоит пароль (по регулярному выражению) и с поддержкой состояний и функции отдачи (callback).
Стиль для элементов, которые используются в функции:
/* Параметры контейнеров и индикаторов */
.pc-container
{
display: none;
}
.pc-indicator
{
padding: 1px;
margin: 5px 0px 0px 0px;
border: solid 1px #ddd;
font-size:0px;
}
.pc-indicator-text
{
padding: 0px;
font-size: 10px;
color: #aaa000;
}
.pc-indicator-inline
{
padding: 2px;
background-color: #c00;
width:25%;
}
/* Состояния текстового индикатора */
.pc-critical
{
color: #700;
}
.pc-yellow
{
color: #aaa000;
}
.pc-green
{
color: green;
}
/* Состояния визуального индикатора */
.pc-i-critical
{
background-color: #c00;
}
.pc-i-yellow
{
background-color: #ccc444;
}
.pc-i-green
{
background-color: green;
}
<html>
<head>
<title>Проверка сложности пароля</title>
<meta http-equiv=”Content-Type“ content=”text/html; charset=utf-8“ />
<style type=”text/css“>
/* Параметры элемента ввода */
input
{
border: solid 1px #ccc;
color:#777;
}
input:focus
{
color:#222;
}
/* Стиль компонента */
</style>
<script type=”text/javascript“ language=”Javascript“>
//Код функции проверки
</script>
</head>
<body>
<input type=”password“ id=”PASSWORD“ />
<div id=”PASSWORD_COMPLEX“> </div>
<script type=”text/javascript“ language=”Javascript“>
PasswordComplexity(”PASSWORD“,”PASSWORD_COMPLEX“, Array(5,25));
</script>
</body>