Новая фича при использовании форм в JS или submit() vs. requestSubmit()
Алоха товарищи фронты! Недавно в недрах интернетов я случайно нарыл инфу о таком событии в JS как requestSubmit(). Отличий не так что бы совсем много но они довольно интересны.
Допустим у нас есть такая форма:<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