平常我们做表单验证的时候都是利用一些 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