HTML5的input标签的pattern属性利用正则表达式验证表单

HTML5的input标签的pattern可以实现标签的验证取代复杂的javascript使用正则验证表单。

正则的简单使用：

[0-9] 查找任何从 0 至 9 的数字。
[a-z] 查找任何从小写 a 到小写 z 的字符。
[A-Z] 查找任何从大写 A 到大写 Z 的字符。
[A-z] 查找任何从大写 A 到小写 z 的字符。
n{X} 匹配包含 X 个 n 的序列的字符串。
n{X,Y} 匹配包含 X 或 Y 个 n 的序列的字符串。
n{X,} 匹配包含至少 X 个 n 的序列的字符串。

例如：

<form action="#">
<input type="text" pattern="[0-9a-zA-Z]{1,}" required>
<input type="submit" value="提交">
</form>

验证范围在1个字符以上的任意0到9或a到z或A到Z的验证，而required是设置这个文本为必填项。是不是相比于我们在js中书写验证来的简单多了