如何更改或删除 HTML5 表单验证默认错误消息? [英] How can I change or remove HTML5 form validation default error messages?

问题描述

例如我有一个 textfield.该字段是必填字段，只需要数字，并且值的长度必须为 10.当我尝试提交长度为 5 的值时，会出现默认错误消息:请匹配请求的格式

For example I have a textfield. The field is mandatory, only numbers are required and length of value must be 10. When I try to submit form with value which length is 5, the default error message appears: Please match the requested format

<input type="text" required="" pattern="[0-9]{10}" value="">

1. 如何更改 HTML 5 表单验证错误默认消息?
2. 如果可以完成第 1 点，那么有没有办法创建一些属性文件并在该文件中设置自定义错误消息?

推荐答案

这是 JavaScript 解决方案:

This is the JavaScript solution:

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

onchange"当您设置无效的输入数据时，事件需要，然后更正输入并再次发送表单.我已经在 Firefox、Chrome 和 Safari 上对其进行了测试.

The "onchange" event needs when you set an invalid input data, then correct the input and send the form again. I've tested it on Firefox, Chrome and Safari.

但对于现代浏览器:

现代浏览器不需要任何 JavaScript 进行验证.就这样做:

Modern browsers didn't need any JavaScript for validation. Just do it like this:

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

这篇关于如何更改或删除 HTML5 表单验证默认错误消息?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！