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('')" >