Событие oninvalid
Пример
Предупреждение о некотором тексте, если поле ввода является недопустимым:
<input type="text" oninvalid="alert('Вы должны заполнить форму!');" required>
Попробовать »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Событие oninvalid
возникает, когда отправляемый элемент <input> является недопустимым.
Например, поле ввода недопустимо, если установлен обязательный атрибут и поле пустое (обязательный атрибут указывает, что поле ввода должно быть заполнено перед отправкой формы).
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает событие.
События | |||||
---|---|---|---|---|---|
oninvalid | Да | 10.0 | Да | Да | Да |
Синтаксис
В JavaScript, используйте метод addEventListener():
object.addEventListener("invalid", myScript);
Попробовать »
Технические подробности
Пузыри: | Нет |
---|---|
Отменяемый: | Да |
Тип события: | Event |
Поддержка HTML тегов: | <input> |
DOM Версия: | События 3 уровня |
Ещё примеры
Пример
Предупреждающий текст, если поле ввода содержит менее 6 символов:
Имя: <input type="text" id="myInput" name="fname" pattern=".{6,}"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("Должен содержать 6 или более символов");
}
</script>
Попробовать »
Пример
Предупреждающий текст, если поле ввода содержит число, которое меньше 2 или больше 5:
Номер: <input type="number" id="myInput" name="quantity" min="2" max="5"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("Вы должны выбрать число от 2 до 5. Ты выбрал: " + this.value);
}
</script>
Попробовать »
Связанные страницы
JavaScript Учебник: JavaScript Формы