web лабки / 17лб
.docxСтудент 410-і групи Бойко Є.А.
Лабораторна робота №17
Тема: Обробка форм за допомогою регулярних виразів
Мета: Освоїти регулярні вирази і роботу з рядками. Навчитися виконувати обробку форм за допомогою регулярних виразів.
Код:
<html>
<head>
<title>17</title>
</head>
<body>
<form id="form_id" method="post" action="" onsubmit=" javascript:return validate('form_id','email','password1','password2');">
<IMG SRC="a1.jpg"
WIDTH="1300"
HEIGHT="400"
ALIGN="top"
ALT="photo">
<fieldset>
<p>Авторизируйтесь и заполните данные для отправки заказа</p>
<p>Введите Email:<br><label>
<input type="text" id="email" name="email" placeholder="Введите почту" />
</label></p>
<p>пароль:<br><label>
<input type="text" id="password1" name="password1" placeholder="Введите пароль" /> <br>
</label></p>
<p>повторите пароль:<br><label>
<input type="text" id="password2" name="password2" placeholder="Повторите пароль"/>
</label></p>
</label></p>
</fieldset><br><fieldset>
<label>
Способ доствки <select name="delivery_method" size="1">
<option disabled>Способ доствки </option>
<option value="Courier">курьер</option>
<option value="branch">В отделение НП</option>
</select>
</label>
</p>
<p>Адрес доставки: <br><label>
<input type="text" maxlength="20" name="adress" placeholder="Адрес">
</label></p>
<p>Способ Оплаты:<br><br>
<label>
<input name="typedelivery" type="radio" value="Nova_Poshta">
</label>Наложеный платеж </p>
<p><label>
<input name="typedelivery" type="radio" value="Card">
</label>Перевод денег на карту </p>
<p><label>
<p>Выбирете дату отправки товара:<label>
<input type="date" name="date" value="2020-09-29" min="2020-09-28" max="2025-11-01">
</label></p></fieldset><br><fieldset>
<p>
<label>
Кол-во единиц товара <INPUT type="number" min="1" name="Number" class=input2 value="1" maxlength=6>
</label>
</p>
</p>
<label>
Вебирете цвет товара <select name="color" size="1">
<option disabled>цвет </option>
<option value="Courier">Чорный</option>
<option value="branch">Белый</option>
<option value="branch">Желтый</option>
<option value="branch">Серый</option>
<option value="branch">Красный</option>
</select>
</label>
</p>
<p><b>гарантия</b>
<label>
<input name="Garantiya" type="checkbox" value="12 month">
</label>12 месяцев +500грн</p>
<p>перезвонить вам для уточнения заказаного товара, а ткаже способа доствки
<label>
<input name="Call" type="checkbox" value="+">
</label></p>
</p>
<input type="reset" value="Очистить все поля">
</p>
<p>кометарии к заказу<br><label>
<textarea rows=20 cols=80></textarea>
</label></p>
<input type="submit" value="отправить" /> <br> <br>
</form>
<script>
function validate(form_id,email,password1,password2) {
var reg = /^([A-Za-z0-9_\-\.]{2,99})+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var address = document.forms[form_id].elements[email].value;
var proverka = document.forms[form_id].elements[password1].value;
var proverkaa = document.forms[form_id].elements[password2].value;
if(reg.test(address) == false || proverka != proverkaa) {
alert('Неверный логин или пароль');
}
else{
alert('спасибо за покупку');
document.getElementById("myCheck").checked = true;
return false;
}
}
</script>
</body>
</html>
скріншот:
Висновок: на лабораторній роботі освоїв регулярні вирази і роботу з рядками. Навчитися виконувати обробку форм за допомогою регулярних виразів