火狐浏览器表单错误验证消息

之前看 MDN 文档时写的一些 demo, 翻出来记录一下。

x-moz-errormessage 是火狐浏览器对 input 标签功能的一个扩展，用来在某个表单字段验证失败显示自定义的错误提示信息。这是一个非标准属性，只在火狐浏览器中又效果。

<input type="text" x-moz-errormessage="error message!" required>

在谷歌浏览器中只要加入正则属性的话，会自动添加表单验证的效果。

一些第三方的表单验证插件也试用了正则属性，为了显示自己的验证提示效果而不是谷歌默认的提示效果，会对属性值做一些修改。

具体的这里就不做举例了，有兴趣的同学可以自己找些插件来研究一下。

参考:

HTML/Element/Input