Академический Документы
Профессиональный Документы
Культура Документы
, КІ-172
Лабораторная работа №2.3
Регулярные выражения
<script>
var form = document.getElementById('form');
var errors = document.getElementById('errors');
function renderErrors(arr) {
var res = 'Форма прошла валидацию';
if (!arr.length) {
return res;
}
res += '</ul>';
return res;
}
form.addEventListener('submit', function(e) {
// prevent defaul form submit behavior(cancel refresh page)
e.preventDefault();
if (!userName.value.match(regexName)) {
errMsg.push('Имя должно содержать только буквы');
userName.style = 'border: 1px solid red';
} else {
userName.style = 'border: 1px solid black';
}
if (!userPhone.value.match(regexPhone)) {
errMsg.push('Телефон подчиняется шаблону +38(099)999-9999');
if (!userMail.value.match(regexEmail)) {
errMsg.push('Неправильный емейл');
userMail.style = 'border: 1px solid red';
} else {
userMail.style = 'border: 1px solid black';
}
errors.innerHTML = renderErrors(errMsg);
// cancel submit
if (errMsg.length) {
return false;
}
});
</script>
</body>
</html>
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<p id="text">
- 'От і я про це задумався. Сестричка в мене завжди була «кімнатною
рослиною». Погано холод переносить. Зарядку
робити не хоче, гартуватися теж. Треба буде самому зайнятися
оздоровчими вправами та й її долучити. А то – які
слабенькі стали, трохи похолодало на вулиці, одразу застуда.'
<br />
- 'Правильно. А то весь час доведеться на ліках сидіти – хіба це
здоров'я? Треба гуляти частіше на свіжому повітрі
– це корисно. Тож, якщо все ж звільнишся, приїжджай до парку кататися.
Ми збираємося біля п'ятої години.'
<br />
- 'Буду старатися!'
</p>
10.3 Выводы
В ходе выполнения этой лабораторной работы мы ознакомились с
концепцией регулярных выражений в JavaScript.