Почему не работает required

@user-men · Регистрация: 17.02.2014

Студворк — интернет-сервис помощи студентам

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript">
            function fun()
            {
                var var1 = parseInt(document.getElementById("var1").value);
                var var2 = parseInt(document.getElementById("var2").value);
                alert(var1+var2);
            }
            
            function cancel()
            {
                var var1 = document.getElementById("var1").value = "";
                var var2 = document.getElementById("var2").value = "";
                alert("Cancel");
            }
        </script>
        
    </head>
    <body>
        <form>
            <input required type="text" name="var1" id="var1"/>
            <input required type="text" name="var2" id="var2"/>
            <button onclick="fun()" type="button">Ok</button>
            <button onclick="cancel()" formnovalidate type="button">Cancel</button>
        </form>
    </body>
</html>

Я хочу запретить незаполненные поля, заставить пользователя заполнить все
Почему не работает required ? Как это исправить?

@mrtoxas · 13.12.2016, 15:38

required сработает при отправке формы, а вы ее никуда не отправляете.

JavaScript
1
2
3
var var1 = parseInt(document.getElementById("var1").value);
var var2 = parseInt(document.getElementById("var2").value);              
if(var1 && var2){alert(var1+var2)};

@j2FunOnly · 13.12.2016, 15:44

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
  <form>
    <input required type="text" name="var1" id="var1"/>
    <input required type="text" name="var2" id="var2"/>
    <button type="submit">Ok</button>
    <button onclick="cancel()" formnovalidate type="reset">Cancel</button>
  </form>
  <script type="text/javascript">
    document.forms[0].onsubmit = function (e) {
      e.preventDefault();
      fun();
    }
  </script>
</body>

@user-men · 13.12.2016, 16:08 **[ТС]**

Спасибо всем. Вариант от j2FunOnly мне больше подходит потому что он показывает сообщение ("Please fill in this field").

@j2FunOnly · 13.12.2016, 16:17

Не по теме:

Хех, вариант :) Вам выше указали на проблему, я просто показал вам самую простую реализацию.

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@user-men 26 / 26 / 15 Регистрация: 17.02.2014 Сообщений: 310
	13.12.2016, 16:08 [ТС]
	Спасибо всем. Вариант от j2FunOnly мне больше подходит потому что он показывает сообщение ("Please fill in this field"). 0

@j2FunOnly
	13.12.2016, 16:17
	Не по теме: Хех, вариант :) Вам выше указали на проблему, я просто показал вам самую простую реализацию. 0

Опции темы

Почему не работает required

Решение