html5 不起作用 input 标签 required="required"

本来的required没有考虑本地html5的验证测试，而不是供应自己的自定义测试。

如果你不想使用html5的类型匹配和模式匹配，然后利用setcustomvalidity()与oninvalid事件：

这样设置后，无论你任何支撑html5的浏览器均显示为自定义的message,和本地系统语言无关。

希望能帮到你。

首先你要理解这个2个input 属性的含义

readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

required 属性规定必需在提交之前填写输入字段。

如果使用该属性，则字段是必填（或必选）的。

注释：required 属性适用于以下 <input>类型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file

所以2个标签不可能同时生效

你可以不使用readonly 而是给他一个value="string" 的属性

---