<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Задание 15_2</title>
<script>
function validate_form() {
var valid = true;
var form = document.forms["contact_form"];
// имя
if (form["contact_name"].value == "") {
alert("Введите имя!");
valid = false;
}
// пол
if (form["gender"][0].checked == false && form["gender"][1].checked == false) {
alert("Выберите пол!");
valid = false;
}
// возраст
if (form["age"].selectedIndex == 0) {
alert("Выберите возраст!");
valid = false;
}
// согласие
if (form["terms"].checked == false) {
alert("Необходимо согласие!");
valid = false;
}
return valid;
}
</script>
</head>
<body>
<!-- СВЕРХУ ТЕКСТ -->
<h1>Пожалуйста, введите ваши данные</h1>
<form name="contact_form" method="post" action="stub.html" onsubmit="return validate_form();">
<!-- ИМЯ -->
Ваше имя:
<input type="text" name="contact_name">
<br><br>
<!-- ПОЛ -->
Пол:
<input type="radio" name="gender" value="male"> Мужской
<input type="radio" name="gender" value="female"> Женский
<br><br>
<!-- ВОЗРАСТ -->
Возраст:
<select name="age">
<option>Выберите возраст</option>
<option>До 18</option>
<option>18-30</option>
<option>30-50</option>
<option>50+</option>
</select>
<br><br>
<!-- СОГЛАСИЕ -->
<input type="checkbox" name="terms"> Я согласен с условиями
<br><br>
<!-- КНОПКА -->
<input type="submit" value="Отправить данные">
</form>
</body>
</html>