Валидация форм при помощи javascript
В этом уроке мы разберем домашнее задание, которое я давал вам в прошлый раз. А также обсудим, как сделать валидацию формы при помощи javascript.
Валидация — процесс проверки данных, введенных пользователем в объект, требующий от пользователя предоставить информацию о себе (это может форма он-лайн оплаты, форма регистрации и т.д.). Уверен, что из определения вполне ясно, почему валидация важна. Ведь без нее можно записать в базу данных вредоносные данные (вредоносный код, который может, например, удалить все записи из вашей базы данных). В данном уроке рассмотрен простейший пример валидации. Для лучшего понимания рекомендую вам самим провести валидацию более сложной формы другим способом.
Код урока
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<form action="" onsubmit="return validate();">
<input type="text" id="userName">
<input type="password" id="userPassword">
<button type="submit">Отправить</button>
</form>
<script>
function validate() {
var userName = document.getElementById("userName");
var userPassword = document.getElementById("userPassword");
if(!userName.value) {
userName.style.border = "2px solid red";
return false;
}
if(!userPassword.value) {
userPassword.style.border = "2px solid red";
return false;
}
return true;
}
</script>
</body>
</html>
0 Comments