Форма ввода логина и пароля на JavaScript

Здесь мы рассмотрим совсем не сложный скрипт, написанный на JavaScript, который создает форму ввода логина и пароля. Отличительной чертой данного скрипта является то, что в зависимости от введенного логина и пароля перенаправлять пользователя на заданную страничку или сайт.

Для наглядного примера работы данного скрипта кликните по кнопке "Войти на сайт", находящейся чуть ниже. Если в поле "логин" ввести login, а в поле "пароль" pass, то Вас автоматически перебросит на главную страницу нашего сайта. А если в поле "логин" ввести login2, а в поле "пароль" pass2, то Вы уже окажетесь на нашем форуме.

Если вводить какие-либо другие значения в поля "логин" и "пароль", то Вам будет выдано сообщение Неверный логин или пароль! и Вы вернетесь обратно на ту же страничку.

 

 

Для получения такой формы ввода логина и пароля, как в примере выше, воспользуйтесь следующим JavaScript скриптом, который необходимо будет поместить в начало Вашей странички:

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>

Для вывода формы ввода логина и пароля нам понадобится кнопка, при нажатии на которую появится наша форма. Следовательно, нам необходимо добавить эту кнопку при помощи вот такого небольшого кода:

HTML код:

<div align="center">
 <form>
  <input type="button" value="Войти на сайт" onClick="Input()">
 </form>
</div>

Если Вы все сделали правильно, то в результате у Вас должна получиться точно такая же формы ввода логина и пароля, как и в примере, показанном ранее.

Прорыв 2020
Просмотров: 357
Рейтинг: 3.4

Закрыть меню
Боковая Панель Закрыть

Страницы:

Солушать совет Бота:

Озвучить

Цитата из Твиттера:

Уровень доверия к сайту, оставьте ваш отзыв:

close