Форма ввода логина и пароля на 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>
Если Вы все сделали правильно, то в результате у Вас должна получиться точно такая же формы ввода логина и пароля, как и в примере, показанном ранее.