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}