html5 实现的简单表单验证

[qiutianaimeili]

平常我们做表单验证的时候都是利用一些 js 库或者自己去写一些正则去匹配，最近看到 html5 里面的 input 标签上有一个 pattern 属性里面可以写正则去验证输入框的内容，并且可以和:valid，:invalid 结合让验证可视化，发现其实也可以用 html5 的这些特性去写一些简单的表单验证，具体的内容在我的文章里了，想详细了解的可以看看。

文章地址： http://qiutianaimeili.com/html/page/2018/08/2bif1zsh0iq.html

demo 地址: http://qiutianaimeili.com/html/page/2018/08/source/css_pattern/example.html