HTML5 требуется тег. Как сделать форму действительной снова?

Question

Я использую атрибут html5, необходимый для ввода моего ввода. Я обнаружил, что когда форма стала недействительной, она не распознает, когда пользователь набрал действительную информацию.

. Например:

<input id="name" type="text" name="username" required oninvalid="setCustomValidity('Please enter a username!')"> 

Если пользователь пропускает этот Фейлд это выделить красным и сообщает пользователю, чтобы заполнить его в случае, если они затем заполнить его и нажмите на кнопку отправить, он сообщает пользователю заполнить ее .

Как восстановить мои формы после того, как они стали недействительными?

Answer 1

Он не перепроверяет после объявления элемента формы недействительным. Попробуйте добавить пустую строку setCustomValidity в oninput. То есть:

<input id="name" type="text" name="username" required oninvalid="setCustomValidity('Please enter a username!')" oninput="setCustomValidity('')" >