平常我们做表单验证的时候都是利用一些 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
这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.