使用正则表达式实现简单的表单验证

正则

- 正则表达式，又名 “规则表达式”
- 是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。 
- 正则表达式通常用来检索、替换那些符合某个规则的文本。

正则表达式里面的符号

• . ： 匹配非换行的任意字符
• \ ： 转译符号，把有意义的符号转换成没有意义的字符，把没有意义的字符转换成有意义的符号
• \s ： 匹配空白字符（空格/制表符/…）
• \S ： 匹配非空白字符
• \d ： 匹配数字
• \D ： 匹配非数字
• \w ： 匹配数字字母下划线
• \W ： 匹配非数字字母下划线

限定符

• * ： 前一个内容重复至少** 0 **次，也就是可以出现 0 ～ 正无穷 次
• + ： 前一个内容重复至少** 1 **次，也就是可以出现 1 ～ 正无穷 次
• ? ： 前一个内容重复** 0 或者 1** 次，也就是可以出现 0 ～ 1 次
• {n} ： 前一个内容重复 n 次，也就是必须出现 n次
• {n,} ： 前一个内容至少出现 n 次，也就是出现n ～ 正无穷次
• {n,m} ： 前一个内容至少出现 n 次至多出现** m 次**，也就是出现n ～ m 次

边界符

• ^ ： 表示开头
• $ ： 表示结尾

特殊符号

• () ： 限定一组元素
• [] ： 字符集合，表示写在 [] 里面的任意一个都行
• [^] ： 反字符集合，表示写在 [^] 里面之外的任意一个都行
• - ： 范围，比如 a-z 表示从字母 a 到字母 z 都可以
• | ： 或，正则里面的或 a|b 表示字母 a 或者 b 都可以

标示符

• i ： 表示忽略大小写，这个 i 是写在正则的最后面的
• /\w/i：就是在正则匹配的时候不去区分大小写
• g ： 表示全局匹配，这个 g 是写在正则的最后面的
• /\w/g：就是全局匹配字母数字下划线

了解了正则表达式，现在可以写一个简单的表单验证。

-这是html代码

<div>
    <form action="#" onsubmit="return fn1()">
        账号：<input type="text" name="user"/><span></span>
        <br/>
        密码：<input type="password" name="pwd"/><span></span>
        <br/>
        手机：<input type="text" name="phone"/><span></span>
        <br/>
        邮箱：<input type="text" name="email"/><span></span>
        <br/>
        出生：<input type="text" name=</