Проверка функцией значений из input. Ошибка через error
Привет всем, надеюсь, кто-то откликнется и поможет. Код должен проверять значения логина и пароля, которые вписывают в input, с логинами и паролями из массива данных. Проблема в том, что я не понимаю как связать два текстовых поля с инпута и функцией. onchande тут не подходит, т.к. поля два, верно?
P.S Что бы я не создавал ещё одной темы, и не засорял форум, спрошу сдесь, как выбить уведомление об ошибке не через alert, как в коде, а через Error? Вот код:
<!DOCTYPE html>
<html>
<head>
<title>Карта заказа читателя электронной библиотеки</title>
<meta charset="UTF-8"/>
<script>
function validate(){
var log=new Array(),
pas=new Array(),
login_ok = false,
user_name,
password;
log[0]="login1";
log[1]="login2";
pas[0]="pass1";
pas[1]="pass2";
user_name = document.getElementById("l");
user_name = user_name.toLowerCase();
password = document.getElementById("p");
password = password.toLowerCase();
for(i=0; i<log.length; i++)
for(g=0; g<pas.length; g++){
if (user_name == log[i] && password == pas[g]) {
login_ok=true;
window.location="https://www.google.ru/";
}
if (login_ok==false) {alert("Неверный логин или пароль!")};
}
}
</script>
</head>
<body>
<div>
<form>
Логин: <input type="text" id="l">
Пароль: <input type="password" id="p">
<input type="button" value="Войти на сайт" onClick="validate()">
</form>
</div>
</body>
</html>
|
Boniv, на всякий случай
user_name = document.getElementById("l").value; password = document.getElementById("p").value; |
Спасибо ещё раз)
|
Boniv, более универсальный подход к обработке форм
<form onsubmit="return validate();"> <label>Логин: <input type="text" id="l" /></label> <label>Пароль: <input type="password" id="p" /></label> <input type="submit" value="Войти на сайт" /> </form> |
| Часовой пояс GMT +3, время: 09:10. |