|
Сообщение от Светлана1996
|
|
это не уточнялось преподавателем.
|
Задание по смыслу более чем странное )
Пароля в формате js не бывает, у пароля вообще нет никакого формата, можно задать условия. А проверку пароля современные браузеры производят сами.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
input {
width: 300px;
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
}
input:required:invalid:focus {
background-color: #FEEBEB
}
input:required:valid:focus {
background-color: #E1F5D0
}
:focus::-moz-placeholder, :focus:-moz-placeholder {
color: transparent
}
#error {
visibility: hidden;
color: #f00;
margin-bottom: 8px;
}
</style>
<script>
//возможность нативной проверки браузером
var ptr = (function() {
var i = document.createElement('input');
return 'pattern' in i
}());
function testPass(o) {
//если браузер с поддержкой HTML5, то проверка ввода средствами браузера
if(ptr) return;
//иначе проверяем регулярным выражением
document.getElementById('error').style.visibility = !new RegExp(o.pattern).test(o.value) ? 'visible' : 'hidden';
}
</script>
</head>
<body>
<div id="error">Ввод некорректного пароля!</div>
<input type="password"
required=""
pattern="[aA]{1}[zZ]{1}[a-zA-Z]{4,}"
placeholder="Длина пароля не менее 6 символов"
onkeyup="testPass(this)"
autocomplete="off" />
</body>
</html>
Примечание: если ваш куратор поверит вам, что вы дока в регулярных выражениях, то паттерн можно записать и иначе.
Пароль чем длиннее тем лучше, чем более разнообразны символы в нем, тем лучше, использовать регистр, это замечательно. Условия же кураторов полнейшая глупость.
