1. 首页
  2. 问题
  3. 如何更改或删除HTML5表单验证默认错误消息？
小编典典

如何更改或删除HTML5表单验证默认错误消息？

html

例如我有一个textfield。该字段是必填字段，仅数字是必需的，并且值的长度必须为10。当我尝试提交长度为5的值的表单时，会出现默认错误消息：Please match the requested format

<input type="text" required="" pattern="[0-9]{10}" value="">
  1. 如何更改HTML 5表单验证错误的默认消息？
  2. 如果可以做到第一点，那么有没有办法创建一些属性文件并在该文件中设置自定义错误消息？

阅读 356

收藏
2020-05-10

共1个答案

小编典典

我在Ankur答案上发现了一个错误，并通过以下更正对其进行了修复：

 <input type="text" pattern="[a-zA-Z]+"
    oninvalid="setCustomValidity('Plz enter on Alphabets ')"
    onchange="try{setCustomValidity('')}catch(e){}" />

设置无效的输入数据，然后更正输入并发送表格时看到的错误。哎呀！你做不到 我已经在Firefox和Chrome上测试过

2020-05-10