HTML атрибут событий oninvalid

Значение и применение

Атрибут событий oninvalid позволяет задать срабатывание скрипта, когда отправляемый элемент формы был проверен и не удовлетворяет ограничениям формы (например, не заполнено обязательное поле - атрибут required).

Поддержка браузерами

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	Edge
oninvalid	Да	Да	Да	Нет	10.0	Да

Атрибут событий oninvalid не поддерживается браузерами Safari и Internet Explorer 9.0 (и ниже).

Синтаксис

<element oninvalid = "script" >

Пример использования

В данном примере, используя атрибут событий oninvalid, мы рассмотрим как выдать информационное сообщение в случае если обязательно поле формы не заполнено.

<!DOCTYPE html>
<html>
<head>
<title>Событие oninvalid</title>
</head>
<body>
<form action = "#" method = "get">
Нажмите отправить: <input type = "text" oninvalid = "testFunction()" name = "info" required>
<input type = "submit" value = "Отправить">
</form>
<script>
function testFunction() {
	alert("Вы не заполнили обязательное поле!");
}
</script>
</body>
</html>

Отличия HTML 4.01 от HTML 5

Атрибут событий oninvalid html5 является новым в HTML5.

Поддерживаемые теги

Элемент <input>.

Атрибуты событий