Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 44 из 114 · 8 мин
Своя проверка полей, сообщения об ошибках, checkValidity, setCustomValidity и aria-invalid.
Пришла заявка без телефона. Куда звонить?
И пожалуйста: если ошибка — скажите текстом, рядом с полем. Красную рамку я не вижу.
preventDefault и показываем ошибку.checkValidity()form.checkValidity() — true, если все поля проходят required, type, pattern.const input = document.querySelector("input");
console.log(input.checkValidity());setCustomValidity()input.setCustomValidity("Нужен телефон") — браузер покажет этот текст; пустая строка — ошибок нет.aria-invalid="true" на поле и текст ошибки, связанный через aria-describedby.Ошибка должна быть текстом рядом с полем, а не только красной рамкой.
При отправке: если в phone меньше 10 цифр — отмени отправку, покажи в #error текст Укажите телефон и поставь полю aria-invalid="true". Иначе очисти #error.
Выберите один ответ.
Что возвращает form.checkValidity()?
Выберите один ответ.
Как сделать ошибку в поле понятной для всех?
Проверяем состояние обучения…