<html>
<head>
<title>Задание 15_2</title>
<script>
function validate_form() {
valid = true;
// Проверка текстового поля
if (document.contact_form.contact_name.value == "") {
alert("Пожалуйста, заполните поле 'Ваше имя'.");
valid = false;
}
// Проверка радиокнопок
if (document.contact_form.gender[0].checked == false &&
document.contact_form.gender[1].checked == false) {
alert("Пожалуйста, выберите Ваш пол: Мужской или Женский.");
valid = false;
}
// Проверка выпадающего списка
if (document.contact_form.age.selectedIndex == 0) {
alert("Пожалуйста, выберите Ваш возраст.");
valid = false;
}
// Проверка чекбокса
if (document.contact_form.terms.checked == false) {
alert("Пожалуйста, отметьте согласие с Соглашением.");
valid = false;
}
return valid;
}
</script>
</head>
<body>
<h2 style="font-weight: bold;">Пожалуйста, введите ваши данные</h2>
<form name="contact_form" method="post" action="dumb.htm" onsubmit="return validate_form()">
<!-- Текстовое поле -->
<label for="contact_name">Ваше имя:</label>
<input type="text" name="contact_name" id="contact_name"><br><br>
<!-- Радиокнопки -->
<label>Ваш пол:</label>
<input type="radio" name="gender" value="male"> Мужской
<input type="radio" name="gender" value="female"> Женский<br><br>
<!-- Выпадающий список -->
<label for="age">Ваш возраст:</label>
<select name="age" id="age">
<option value="">Выберите одну из опций</option>
<option value="18-25">18–25</option>
<option value="26-35">26–35</option>
<option value="36-45">36–45</option>
<option value="46+">46+</option>
</select><br><br>
<!-- Чекбокс -->
<input type="checkbox" name="terms" id="terms">
<label for="terms">Вы согласны с Соглашением?</label> Да<br><br>
<input type="submit" value="Отправить данные">
</form>
</body>
</html>