Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.
.requestSubmit() это довольно свежий метод, и хоть он работает почти везде но тем не менее нужно иметь ввиду что где-то может не работать.
Вот ссылочка на caniuse ресурс.
Ну и вот полифил:
const form = document.querySelector("form");
if (form.requestSubmit) {
form.requestSubmit();
} else {
form.submit();
}
#shortread #jsrequestSubmit(). Отличий не так что бы совсем много но они довольно интересны.
Допустим у нас есть такая форма:
<form action="/changename">
<label for="name">Name</label>
<input type="text" id="name" required>
</form>
<button>Change name</button>
const btn = document.querySelector('button');
const form = document.querySelector('form');
btn.addEventListener('click', function () {
form.submit();
})
Мы видим что у поля name есть аттрибут required.
Как сработал бы обычный .submit() в том случае если значение name отсутствует. Он подстветит нам ошибку но при этом отправит форму так как его не совсем волнует валидна форма или нет.
Как сработает .requestSubmit(). Он подсветит нам ошибку и форму не отправит до тех пор пока форма не будет валидна.
В общем вот, удачных экспериментов!
#shortread #js