Как вывести окно ввода пароля?
У меня есть проблема. В университете дали задание сделать сайт с помощью html, но на одной из страниц этого сайта должен быть пароль формата javascript. Вот с ним и возникли проблемы. Условия пароля таковы: тип пароля текстовый, алгоритм проверки корректности пароля - последняя буква следует после первой, то есть например пароль начинается на а, в середине пароля могут быть абсолютно любые буквы, а оканчиваться он должен на любую букву, которая по алфавиту идет после а, то есть остальные 32 буквы. Помогите
|
> должен быть пароль формата javascript.
Это университетские кураторы именно так сформулировали задание или это так студенты трактуют? :) |
Светлана1996,
а после буквы я что? |
Цитата:
|
Светлана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>
Примечание: если ваш куратор поверит вам, что вы дока в регулярных выражениях, то паттерн можно записать и иначе. Пароль чем длиннее тем лучше, чем более разнообразны символы в нем, тем лучше, использовать регистр, это замечательно. Условия же кураторов полнейшая глупость. :) |
laimas,
интересно причём тут регулярные выражения? |
Цитата:
|
laimas,
вариант того как я понял задание ... правильные пароли араб , яшКа, Лайм. проверка только крайних букв пароля.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.err:after{
content: "error";
color: red;
margin-left: 6px;
}
</style>
</script>
</head>
<body>
<form id="main" action="http://">
<label for="pas"><input id="pas" name="pas" type="password"></label>
</form>
<script>
window.addEventListener("DOMContentLoaded", function() {
var form = document.querySelector("#main"),
pas = form.querySelector("#pas"),
lab = form.querySelector('[for="pas"]'),
str = "абвгдежзийклмнопрстуфхцчшщъыьэюя";
pas.addEventListener("input", function() {
var val = pas.value,
first = val.substr(0, 1).toLowerCase(),
last = val.substr(-1).toLowerCase(),
i = str.indexOf(first),
d = str.indexOf(last);
console.log(first, last);
if (i == str.length - 1 && !d || i > -1 && i + 1 == d) lab.classList.remove("err");
else lab.classList.add("err")
})
});
</script>
</body>
</html>
|
Я вообще не понимаю какое отношение имеет араб , яшКа, Лайм к паролю, это скорее задание о логине, а не пароле тогда.
Само задание просто уже прелесть для перлов. Паттерн можно указать в конфигурации, который легко сменить ничего не меняя в коде, а вот str = "абвгдежзийклмнопрстуфхцч щъыьэюя"; потребует изменения кода. |
Цитата:
Цитата:
|
Ну если для английского "А любые Z", то не проблема заменить паттерн, всего-то делов. А что в таком случае нужно было делать с вашим кодом? :)
PS. Ага, понял суть вопроса. ) Но с таким решением не согласен все равно, надо подумать ) |
Спасибо, но это не совсем то( пароль должен быть написан не в html, а в Javascript.Весь мой сайт состоит из 4х папок: папка с файлами html, в которой прописаны коды всех моих страниц, папка с файлами css, где прописано оформление этих страниц, папка с изображениями и папка с файлами Javascript, где прописаны коды всех программ, которые я использую. Вот мне нужен код для создания пароля с вышепрописанными условиями.
|
рони,
нужно взять крайние символы, код второго должен быть больше на 1. Правда в русском Ё выбивается из диапазона. |
Цитата:
Так может задание это "генерация пароля" по указанным условиям? |
Вложений: 1
вот само задание, может так понятнее будет, чем то, что я объясняю:D мой вариант 19
|
Так все таки последняя после первой, а не крайняя, а значит хватит и рег. выражениях. Но, что значит "пароль должен быть написан не в html, а в Javascript"? Пароль, это ни html, ни javascript, это строка, и вводится он в поле ввода.
При этом, что за окно требуется? Если окно, то окно, это браузер порождает к примеру модальный диалог. Есть и Basic аутентификация средствами веб сервера, которая открывает такой диалог, а инициатором его является .htaccess файл сервера. А "пароль должен быть написан не в html, а в Javascript" понять не возможно. |
небольшое дополнение к хорошему коду
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 09:26. |