Web前端表单验证
表单选择器
|
: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()获取文本域中的内容，突出显示输的区域的内容
文本输入提示特效示例
$（“myform:text”）.focus(function(){
If($(this).val()==”请输入正确的电子邮箱”){
$(this).val(“”);
$(this).css(“border”,”1px solid #ff0000”);
}
})
什么是正则表达式
正则表达式是一个描述字符模式的对象，它是由一些特殊符号组成的，这些特殊符号和在SQL server中学过的通配符一样
RegExp对象是Regular Expression(正则表达式)的缩写，验证（电子邮箱地址，电话号码，身份证号等字符串）
定义正则表达式有两种形式：一种是普通方式，另一种是构造函数的方式
普通方式：
Var reg=/表达式/附加参数
附加参数有三个参数：
g:代表可以进行全局匹配
I:代表不区分大小写匹配
m:代表可以进行多行匹配
构造函数
Var reg =new RegExp(“表达式”,”附加参数”)
表示式的模式分为简单模式和复合模式
正则表达式的常用字符
- /../代表模式的开始和结束
- ^匹配字符串的开始
- $匹配字符串的结束
- \s任何空白字符
- \S任何非空白字符
- \d匹配一个数字字符等价于[0-9]
- \D除了数字之外的任何字符，等价于[^0-9]
- \w匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9]
- \W任何非字字符，等价于[^A-Za-z0-9]
- .除了换行符之外的任意字符
正则表达式的重复字符
{n}匹配前一项n次
{n,}匹配前一项n次,或者多次
{n,m}匹配前一项至少n次，但不能超过m次
*匹配前一项0次,或者多次，等价于{0，}
+匹配前一项1次,或者多次，等价于{1，}
？匹配前一项0次,或者1次，也就是说前一项是可选的，等价于{0,1}