我试图用自定义消息验证HTML 5中表单的required字段,这些消息显示为该字段附近的工具提示文本。
这是我为此目的尝试的HTML代码:

<form method="post" action="" id="validation">
  Name:<input type="text" id="nome"  name="nome" required="required" oninvalid="this.setCustomValidity('Name is required field')" oninput="setCustomValidity('')" /><br />
  <br />
  <br />
  <input type="submit" value="Enviar" />
</form>


上面的代码在谷歌浏览器中工作正常,但在以下情况下在mozilla中除外:


按下提交按钮,它将显示验证消息“名称为
必填项目”
填充一些东西,然后按上提交类型退格键
键盘以完全删除名称。完全删除后会显示信息
“请自行填写此字段”。因此它应再次显示一条消息“名称为
必填字段”或不显示任何内容。


可以在Mozilla中进行一些测试并提供替代解决方案。

最佳答案

您可以向form元素添加“ novalidate”属性以禁用html5内置验证,然后由javascript自己处理所有验证。

关于javascript - 如何使用我们自己的自定义验证消息来摆脱HTML 5验证消息,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33364412/

10-11 23:26
查看更多