jQuery--表单校验

表单验证

为什么要进行表单验证？ 无论是动态网站，还是其他B/S结构的系统，都离不开表单。 表单作为客户端向服务器端提交数据的主要载体，表单验证是避免提交的数据不合法的重要途径。
减轻服务器的压力
保证输入的数据符合要求

String对象和表单验证有关的成员

方法名	方法介绍
indeof()	检索一个字符串中是否含有指定内容内容返回值为索引，可以指定开始查找位置
substring()	可以用来截取字符串;和slice参数一样，包开始不包结束；不同的是这个方法不能接受负值为参数，如果传递了一个负值，则默认使用为0，而且他还自动调整参数位置，如果第二个参数小于第一个，则自动交换
test()	方法用于检测一个字符串是否匹配某个模式

正则表达式

代码	功能
^	匹配字符串开头
$	匹配字符串结尾
[A-Z]	[A-Z] 表示一个区间，匹配所有大写字母，[a-z] 表示所有小写字母。
[\s\S]	匹配所有。\s 是匹配所有空白符，包括换行，\S 非空白符，不包括换行。
\w	匹配字母、数字、下划线。等价于 [A-Za-z0-9_]
.	表示任意字符串
[\d\D]	\d任意数字。\D除了数字

表单选择器

语法	描述
:input	匹配所有input、textarea、select和button 元素
:text	匹配所有单行文本框
:password	匹配所有密码框
:radio	匹配所有单项按钮
:checkbox	匹配所有复选框
:submit	匹配所有提交按钮
:image	匹配所有图像域
:reset	匹配所有重置按钮
:button	匹配所有按钮
:file	匹配所有文件域
:hidden	匹配所有不可见元素，或者type 为hidden的元素

属性过滤选择器

语法	描述
:enabled	匹配所有可用元素
:disabled	匹配所有不可用元素
:checked	匹配所有被选中元素（复选框、单项按钮、select 中的option）
:selected	匹配所有选中的option 元素

表单验证事件和方法

事件

名称	描述
onblur	失去焦点，当光标离开某个文本框时触发
onfocus	获得焦点，当光标进入某个文本框时触发

方法

名称	描述
blur()	从文本域中移开焦点
focus()	在文本域中设置焦点，即获得鼠标光标
select()	选取文本域中的内容，突出显示输入区域的内容