jquery第九章表单验证
前言：
表单验证的重要性
使用JavaScript可以十分便捷的进行表单验证，不但能检查用户输入的无效或错误，还能检查用户遗漏的必选项，从而
减轻服务端的压力，避免服务器端的信息出现错误。
一，表单验证的内容
1，查看表单元素是否为空（如名字和姓氏不能为空）。
2，验证是否为数字（如出生日期的年月日必须为数字）。
3，验证用户输入的邮箱地址是否有效（如电子邮箱地址中必须包含@和”.“字符)。
4，检查用于输入的数据是否在某个范围之内（如出生日期的月份必须是1-12以内）。
5，验证用户输入的信息长度是否足够（如输入密码必须大于或等于6个字符）。
6，检查用户用户输入的出生日期是否有效（如出生年份由四位数组成，1，3，5，7，8，10，12，月为31，4，6，9，11，月为30天）。
二，表单验证的思路
1，首先获取表单元素的值，这些值一般都是String类型，包含数字下划线等。
2，使用JavaScript中的一些方法对获取的String类型的数据进判断。
3，表单form有一个事件哦那onsubmit，它是在提交表单之前调用的，因此可以在提交表单时触发onsubmit事件，然后对获取的数据进行验证。
表单选择器 示例：如下：
:input 匹配所有的 input，textarea，select和button元素。 $("#myform :input")选取表单中所有的input，select和button元素。
:text 匹配所有单行为本框。 $(“myform :text”)//选取Email和姓名两个input元素。
:password 匹配所有密码框。 $(“myform :password”)//选取两个元素。
:radio 匹配所有单选按钮。 $(“myform :radio”)//选取性别对应的两个元素。
:checkbox 匹配所有的复选框。 $(“myform :checkbox”)//选取三个元素。
:submit 匹配所有的提交按钮。 $(“myform :submit”)//选取一个元素。
:image 匹配所有的图像域。 $(“myform :image “)//选取一个元素。
:reset 匹配所有的重置按钮。 $(“myform :reset “)//选取一个元素。
:button 匹配所有按钮。 $(”#myform :button”)//选取最后两个button元素。
:file 匹配所有文件域 $(”#myform :file”)//选取一个元素。
:hidden 匹配所有不可见的元素，或者type为hidden的元素。
表单属性过滤器
:enabled 匹配所有可见元素
:disabled 匹配所有不可见元素。
:checked 匹配所有别选中元素。
:selected 匹配所有选中的option元素。
二，表单验证的内容
1，使用String对象验证邮箱。
<!doctype html>
- 登录休闲网
- Email：
- 密码：
表达式
可匹配
\r, \n
代表回车和换行符
\t
制表符
\
代表 “” 本身
还有其他一些在后边章节中有特殊用处的标点符号，在前面加 "\" 后，就代表该符号本身。比如：^, $ 都有特殊意义，如果要想匹配字符串中 "^" 和 "$" 字符，则表达式就需要写成 "\^" 和 "\$"。
表达式
可匹配
^
匹配 ^ 符号本身
$
匹配 $ 符号本身
.
匹配小数点（.）本身
这些转义字符的匹配方法与 "普通字符" 是类似的。也是匹配与之相同的一个字符。
举例1：表达式 "\$d"，在匹配字符串 "abc$de" 时，匹配结果是：成功；匹配到的内容是："$d"；匹配到的位置是：开始于3，结束于5。
1.3 能够与 ‘多种字符’ 匹配的表达式
正则表达式中的一些表示方法，可以匹配 ‘多种字符’ 其中的任意一个字符。比如，表达式 “/d” 可以匹配任意一个数字。虽然可以匹配其中任意字符，但是只能是一个，不是多个。这就好比玩扑克牌时候，大小王可以代替任意一张牌，但是只能代替一张牌。
表达式
可匹配
\d
任意一个数字，0~9 中的任意一个
\w
任意一个字母或数字或下划线，也就是 AZ,az,0~9,_ 中任意一个
\s
包括空格、制表符、换页符等空白字符的其中任意一个
.
小数点可以匹配除了换行符（\n）以外的任意一个字符
举例1：表达式 "\d\d"，在匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："12"；匹配到的位置是：开始于3，结束于5。
举例2：表达式 "a.\d"，在匹配 "aaa100" 时，匹配的结果是：成功；匹配到的内容是："aa1"；匹配到的位置是：开始于1，结束于4。
1.4 自定义能够匹配 ‘多种字符’ 的表达式
使用方括号 [ ] 包含一系列字符，能够匹配其中任意一个字符。用 [^ ] 包含一系列字符，则能够匹配其中字符之外的任意一个字符。同样的道理，虽然可以匹配其中任意一个，但是只能是一个，不是多个。
表达式
可匹配
[ab5@]
匹配 “a” 或 “b” 或 “5” 或 “@”
[^abc]
匹配 “a”,“b”,“c” 之外的任意一个字符
[f-k]
匹配 “f”~“k” 之间的任意一个字母
[^A-F0-3]
匹配 “A”“F”,"0"“3” 之外的任意一个字符
举例1：表达式 "[bcd][bcd]" 匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："bc"；匹配到的位置是：开始于1，结束于3。
举例2：表达式 "[^abc]" 匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："1"；匹配到的位置是：开始于3，结束于4。
1.5 修饰匹配次数的特殊符号
前面章节中讲到的表达式，无论是只能匹配一种字符的表达式，还是可以匹配多种字符其中任意一个的表达式，都只能匹配一次。如果使用表达式再加上修饰匹配次数的特殊符号，那么不用重复书写表达式就可以重复匹配。
使用方法是："次数修饰"放在"被修饰的表达式"后边。比如："[bcd][bcd]" 可以写成 "[bcd]{2}"。
表达式
作用
{n}
表达式重复n次，比如："\w{2}" 相当于 “\w\w”；“a{5}” 相当于 “aaaaa”
{m,n}
表达式至少重复m次，最多重复n次，比如："ba{1,3}"可以匹配 “ba"或"baa"或"baaa”
{m,}
表达式至少重复m次，比如："\w\d{2,}“可以匹配 “a12”,”_456",“M12344”…
?
匹配表达式0次或者1次，相当于 {0,1}，比如："a[cd]?"可以匹配 “a”,“ac”,“ad”
表达式至少出现1次，相当于 {1,}，比如："a+b"可以匹配 “ab”,“aab”,“aaab”…
表达式不出现或出现任意次，相当于 {0,}，比如："^*b"可以匹配 “b”,"^^^b"…
举例1：表达式 "\d+\.?\d*" 在匹配 "It costs $12.5" 时，匹配的结果是：成功；匹配到的内容是："12.5"；匹配到的位置是：开始于10，结束于14。
举例2：表达式 "go{2,8}gle" 在匹配 "Ads by goooooogle" 时，匹配的结果是：成功；匹配到的内容是："goooooogle"；匹配到的位置是：开始于7，结束于17。
1.6 其他一些代表抽象意义的特殊符号
一些符号在表达式中代表抽象的特殊意义：
表达式
作用
^
与字符串开始的地方匹配，不匹配任何字符
$
与字符串结束的地方匹配，不匹配任何字符
/b
匹配一个单词边界，也就是单词和空格之间的位置，不匹配任何字符
进一步的文字说明仍然比较抽象，因此，举例帮助大家理解。
举例1：表达式 "^aaa" 在匹配 "xxx aaa xxx" 时，匹配结果是：失败。因为 "^" 要求与字符串开始的地方匹配，因此，只有当 "aaa" 位于字符串的开头的时候，"^aaa" 才能匹配，比如："aaa xxx xxx"。
举例2：表达式 "aaa$" 在匹配 "xxx aaa xxx" 时，匹配结果是：失败。因为 "$" 要求与字符串结束的地方匹配，因此，只有当 "aaa" 位于字符串的结尾的时候，"aaa$" 才能匹配，比如："xxx xxx aaa"。
举例3：表达式 ".\b." 在匹配 "@@@abc" 时，匹配结果是：成功；匹配到的内容是："@a"；匹配到的位置是：开始于2，结束于4。
进一步说明："\b" 与 "^" 和 "$" 类似，本身不匹配任何字符，但是它要求它在匹配结果中所处位置的左右两边，其中一边是 "\w" 范围，另一边是 非"\w" 的范围。
举例4：表达式 "\bend\b" 在匹配 "weekend,endfor,end" 时，匹配结果是：成功；匹配到的内容是："end"；匹配到的位置是：开始于15，结束于18。
一些符号可以影响表达式内部的子表达式之间的关系：
表达式
作用
|
左右两边表达式之间 “或” 关系，匹配左边或者右边
( )
(1). 在被修饰匹配次数的时候，括号中的表达式可以作为整体被修饰
(2). 取匹配结果的时候，括号中的表达式匹配到的内容可以被单独得到
举例5：表达式 "Tom|Jack" 在匹配字符串 "I'm Tom, he is Jack" 时，匹配结果是：成功；匹配到的内容是："Tom"；匹配到的位置是：开始于4，结束于7。匹配下一个时，匹配结果是：成功；匹配到的内容是："Jack"；匹配到的位置时：开始于15，结束于19。
举例6：表达式 "(go\s*)+" 在匹配 "Let's go go go!" 时，匹配结果是：成功；匹配到内容是："go go go"；匹配到的位置是：开始于6，结束于14。
举例7：表达式 "￥(\d+/.?\d*)" 在匹配 "＄10.9,￥20.5" 时，匹配的结果是：成功；匹配到的内容是："￥20.5"；匹配到的位置是：开始于6，结束于10。单独获取括号范围匹配到的内容是："20.5"。
2.2 反向引用 /1, /2…
表达式在匹配时，表达式引擎会将小括号 “( )” 包含的表达式所匹配到的字符串记录下来。在获取匹配结果的时候，小括号包含的表达式所匹配到的字符串可以单独获取。这一点，在前面的举例中，已经多次展示了。在实际应用场合中，当用某种边界来查找，而所要获取的内容又不包含边界时，必须使用小括号来指定所要的范围。比如前面的 “(.*?)”。
其实，"小括号包含的表达式所匹配到的字符串" 不仅是在匹配结束后才可以使用，在匹配过程中也可以使用。表达式后边的部分，可以引用前面 "括号内的子匹配已经匹配到的字符串"。引用方法是 "/" 加上一个数字。"/1" 引用第1对括号内匹配到的字符串，"/2" 引用第2对括号内匹配到的字符串……以此类推，如果一对括号内包含另一对括号，则外层的括号先排序号。换句话说，哪一对的左括号 "(" 在前，那这一对就先排序号。
举例如下：
举例1：表达式 "('|")(.*?)(\1)" 在匹配 " 'Hello', "World" " 时，匹配结果是：成功；匹配到的内容是：" 'Hello' "。再次匹配下一个时，可以匹配到 " "World" "。
举例2：表达式 "(\w)\1{4,}" 在匹配 "aa bbbb abcdefg ccccc 111121111 999999999" 时，匹配结果是：成功；匹配到的内容是 "ccccc"。再次匹配下一个时，将得到 999999999。这个表达式要求 "/w" 范围的字符至少重复5次，注意与 "/w{5,}" 之间的区别。
举例3：表达式 "<(\w+)\s*(\w+(=('|").*?\4)?\s*)*>.*?<\/1>" 在匹配 "<td id='td1' style="bgcolor:white"></td>" 时，匹配结果是成功。如果 "<td>" 与 "</td>" 不配对，则会匹配失败；如果改成其他配对，也可以匹配成功。
1319
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
