Как убрать нативное сообщение для непровалидированного поля?

Question

[mishapsv]

Есть двухшаговая форма
На первом шаге нативная ошибка html5 не показывается, но если нажать на "продолжить"(заполните два поля) и там "продолжить2"(четыре поля не заполнять), то вместе с моими сообщениями появляется нативное сообщение.
input.setCustomValidity(""); не помогает.
Подскажите, как исправить?

Answer 1

[Артём Щурин]

Попробуйте к форме добавить атрибут novalidate
<form action="/search" method="get" novalidate>

www.w3schools.com/jsref/prop_form_novalidate.asp
по теме

Comments

[mishapsv]

Артём Щурин спасибо. В этом случае у меня не срабатывает валидация четырех полей.
Значит где-то ошибка.

[Артём Щурин]

mishapsv: сорян, пример на codepen не заметил

[Артём Щурин]

mishapsv: у меня после нажатия Продолжить2, перезагружается форма, ошибок нет, ваша валидация отображается, Chrome десктоп

[mishapsv]

Артём Щурин это и есть ошибка) пока поля не заполнены верно, form.submit(); не должен срабатывать
Ну вот как на первом шаге.

[mishapsv]

Артём Щурин ааа, извиняюсь, я банально e.preventDefault(); забыл для второй кнопки.