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

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

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

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
oninvalidhtml5ДаДаДаНет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

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

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

Элемент <input>.

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