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

前端之家收集整理的这篇文章主要介绍了如何更改或删除HTML5表单验证默认错误消息?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如我有一个文本字段。该字段是必需的,只需要数字,值的长度必须为10.当我尝试提交长度为5的表单时,将显示默认错误消息:请匹配请求的格式
<input type="text" required="" pattern="[0-9]{10}" value="">

>如何更改HTML 5表单验证错误默认消息?
>如果第一点可以做,所以有没有办法创建一些属性文件和设置在该文件自定义错误消息?

解决方法

我发现Ankur答案的一个错误,我已经解决这个纠正:
<input type="text" pattern="[a-zA-Z]+"
    oninvalid="setCustomValidity('Plz enter on Alphabets ')"
    onchange="try{setCustomValidity('')}catch(e){}" />

在您设置无效的输入数据时看到的错误,然后更正输入并发送表单。哎呀!你不能这样做。我已经测试了firefox和chrome

猜你在找的HTML5相关文章