例如,我有textfield分.此字段为必填字段,只需要数字,值长度必须为10.当我try 提交长度为5的值的表单时,默认错误消息显示:Please match the requested format

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

推荐答案

这是JavaScript解决方案:

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

"onchange"事件需要在设置无效输入数据时,更正输入并再次发送表单.

But for Modern Browsers:

现代浏览器不需要任何JavaScript进行验证.

<input type="text"
    pattern="[a-zA-Z]+"
    title="Please enter Alphabets."
    required="" />

Html相关问答推荐

详细信息时隐藏另一个元素[打开]

我想在 html 中使用 colored颜色 设置半背景

添加元素时html空选择调整大小

如何将不同的 div 相互堆叠(应该是响应式的)

如何在按钮的中心添加两条线

SCSS 重复规则消除

在 html 和 SketchUp 中循环数据

如何在小型显示器中调整 svg 位置?

使用 div 的纯 CSS 的家谱层次结构

如何将网格列与另一个网格布局同等设置

如何为表情符号使用不同的样式?

网格(grid)、边框(border)和锚(anchor)样式的奇怪行为

如何按元素的水平对齐文本?

如何使用 html + Tailwind CSS 使表格可滚动

无法在生产构建中使用 LoadHTMLGlob 加载 html 文件

HTML 锚标记占用整行

如何在有边距的容器中获取带有渐变的背景图像?

如何重复网格自动行的高度

CSS:在flexbox的第二行插入图标

如何在左侧放置 div 滚动条?