Загрузка данных


<!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>