Форма ввода логина и пароля на JavaScript
Здесь мы рассмотрим совсем не сложный скрипт, написанный на JavaScript, который создает форму ввода логина и пароля. Отличительной чертой данного скрипта является то, что в зависимости от введенного логина и пароля происходит перенаправление пользователя на заданную страничку или сайт.
Для наглядного примера работы данного скрипта кликните по кнопке "Войти на сайт", находящейся чуть ниже. Если в поле "логин" ввести login, а в поле "пароль" pass, то Вас автоматически перебросит на главную страницу нашего сайта. А если в поле "логин" ввести login2, а в поле "пароль" pass2, то Вы уже окажетесь на нашем форуме.
Если вводить какие-либо другие значения в поля "логин" и "пароль", то Вам будет выдано сообщение Неверный логин или пароль! и Вы вернетесь обратно на эту же страничку.
Для получения такой формы ввода логина и пароля, как в примере выше, воспользуйтесь следующим JavaScript кодом, который необходимо будет поместить в начало Вашей странички:
<script type="text/javascript">
function Input(){
login_ok = false;
user_name = "";
password = "";
user_name = prompt("Логин","");
user_name = user_name.toLowerCase();
password = prompt("Пароль","");
password = password.toLowerCase();
if (user_name=="login" && password=="pass") {
login_ok = true;
window.location = "index.php";
}
if (user_name=="login2" && password=="pass2") {
login_ok = true;
window.location = "forum/index.php";
}
if (login_ok==false) alert("Неверный логин или пароль!");
}
</script>
Для вывода формы ввода логина и пароля нам понадобится кнопка, при нажатии на которую появится наша форма. Следовательно, нам необходимо добавить эту кнопку при помощи вот такого небольшого кода:
<div align="center">
<form>
<input type="button" value="Войти на сайт" onClick="Input()">
</form>
</div>
Если Вы все сделали правильно, то в результате у Вас должна получиться точно такая же формы ввода логина и пароля, как и в примере, показанном ранее.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Для того чтобы пароль не был виден, нужно использовать PHP, т.к. он обрабатывается на стороне сервера в отличие от JavaScript, который передается целиком браузеру.
if (user_name=="login" && password=="pass") {
login_ok = true;
window.location = "index.php";
}
if (user_name=="login2" && password=="pass2") {
При изменении этих кодов... Не заходит потом... Приходится восстанавливать именно login и pass.
На главную и на форму, я и так могу попасть, а вот как сделать что бы на страницу, например, /secret.php не получалось зайти и требовалось бы ввести login / password?