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

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

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

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

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

JavaScript код:

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

HTML код:

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

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

Комментарии:

 

Закрыть меню
Экспресс меню навигации Закрыть

DHK Team

cover art cover art
0:00
Все треки
close