Событие onsubmit

Событие onsubmit возникает при отправке формы, это обычно происходит, когда пользователь нажимает специальную кнопку Submit.

Синтаксис

onsubmit="<скрипт>"

Значения

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onsubmit</title>
  <script>
   function deleteName(f) {
    if (confirm("Вы уверены, что хотите удалить выделенный пункт?\nЭта операция не восстановима.")) 
       f.submit();
   }
  </script>
 </head>
 <body>
  <form action="form.php" onsubmit="deleteName(this);return false;">
   <p>Выберите пункт для удаления</p>
   <p><input type="radio" name="p" value="1"> Чебурашка</p>
   <p><input type="radio" name="p" value="2"> Крокодил Гена</p>
   <p><input type="radio" name="p" value="3"> Шапокляк</p>
   <p><input type="submit" value="Удалить"></p>
  </form>
 </body>
</html>

В данном примере при отправке формы будет выведено диалоговое окно. При нажатии на кнопку ОК форма будет отправлена на адрес, заданный атрибутом action, а при нажатии на кнопку Отмена данные формы передаваться не будут.

Браузеры ?

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 19.03.2018
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid