Как вручную вызвать подсветку браузера не заполненных полей ввода? - PullRequest
0 голосов
/ 08 января 2019

У меня есть форма, которая динамически расширяется на основе пользовательского ввода. Сначала пользователь получает базовую форму с некоторыми ключевыми вопросами, а затем, основываясь на том, как пользователь ответил на эти вопросы, загружается куча дополнительных вопросов с использованием AJAX. Загрузка AJAX вызывается кнопкой с надписью «next».

Прежде чем кнопка «Далее» сможет отправить запрос на сервер, все вопросы должны быть заполнены. Я могу легко сделать это с помощью некоторого кода JavaScript, который запускает предупреждающее сообщение о том, что некоторые вопросы остаются без ответа, но Мне бы очень хотелось получить тот же пользовательский опыт, что и при попытке отправить форму с незаполненными данными, помеченными как «обязательные», где браузер выделяет проблемные поля.

Как это можно сделать?

1 Ответ

0 голосов
/ 08 января 2019

Попробуйте использовать reportValidity ()

<html>
<form>
    <input type="text" required>
    <button type="button">Validate</button>
</form>
<script>
    document.querySelector('button').onclick = function(){
        document.querySelector('form').reportValidity();
    }
</script>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...