Dahock Сообщество - Форма ввода логина и пароля

Форма ввода логина и пароля на 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>

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

Задачи 2019
Просмотров: 244
Рейтинг: 3.6

Обновление
Просмотров: 306
Рейтинг: 2.5

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

 Навигация Основное:

На Музыкальный Сайт  (Музыкальный Сайт на котором эксклюзивное видео и аудиозаписи с RaidCall)

На Кино Сайт    (Кино Сайт где вы найдете мультфильмы,фильмы и шоу а также фильмы от Dahock)

На Хоррор Сайт  (Мистический Сайт где только мрак и тишина любителям мистики)

На Manual Dahock  (Мануал для тех кто попал впервые на Портал)

На XDXKX  (Hard Anime Сайт только +18)

На Газета DHK  (Авторский Информационный Блог)

Каналы:

Ютуб (Основной канал  всегда самое первое видео выходит раньше всего)

Рутуб (Второстепенный канал на русскоязычном портале)

Соц-Сети:

Вконтакте   (В этой группе всегда все самые самые свежие новости а также регулярные новости)

Одноклассники  (Для тех кто не сидит не где кроме Одноклассники)

Фейсбук  (Всемирная соц сеть где выходят не все новости а только отсортированные)

МайлРу  (Редкая группа редко выходят новости и видео для тех кто не любит ничего кроме МайлРу)

Твиттер  (Всегда свежие статейки ссылки и цитаты)

close