正则表达式和表单检验

正则表达式

/ / 　　正则表达式的范围

^ 　　　匹配输入字符串的开始位置

$ 　　　匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的位置。

[0-9] \d  匹配一个数字字符。等价于[0-9]

\D  　　匹配一个非数字

\w 　　 匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]”。
\W　　 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。

\s 　　匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。
\S 　　匹配任何非空白字符。等价于[^ \f\n\r\t\v]。

* 　　匹配前面的子表达式零次或多次。例如，zo*能匹配“z”以及“zoo”。*等价于{0,}。

+ 　　匹配前面的子表达式一次或多次。例如，“zo+”能匹配“zo”以及“zoo”，但不能匹配“z”。+等价于{1,}。

? 　　匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“does”或“does”中的“do”。?等价于{0,1}。

{n} n是一个非负整数。匹配确定的n次。

{n,} n是一个非负整数。至少匹配n次。

{n,m} m和n均为非负整数，其中n<=m。最少匹配n次且最多匹配m次。

x|y 　　匹配x或y。例如，“z|food”能匹配“z”或“food”。“(z|f)ood”则匹配“zood”或“food”。

 

常用正则表达式
用户名　　　　　^[a-z0-9_-]{3,16}$/
密码 　　　　　　/^[a-z0-9_-]{6,18}$/
十六进制值 　　　　/^#?([a-f0-9]{6}|[a-f0-9]{3})$/
电子邮箱　　 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
　　　　　　/^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/
URL 　　　　/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/
IP 地址 　　/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/
　　　　　　/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
HTML 标签 /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/
删除代码\\注释 (?<!http:|\S)//.*$
Unicode编码中的汉字范围 /^[\u2E80-\u9FFF]+$/

邮政编码(6位数字)：/^\d{6}$/

正则表达式的创建

普通方式

var   reg = /表达式/附加参数;  例子： var reg = /white/;  var reg = /white/gi; var reg = /^\d{2,8}$/m;

g ：代表全局匹配 　　i： 代表 不区分大小  　　m： 代表多行匹配

构造函数方式

var reg = new RegExp(表达式,附加参数);

var reg = new RegExp("white");

var reg = new RegExp("white","g");

当表达式是正则表达式而不是字符串时可省略附加参数，如：

var reg = new(/^\d{2,8}$/m);

正则表达式test方法

RegExp对象的test()方法用来检测一个字符串是否匹配某个表达式,如果有返回ture，没有返回false。

例：

var str = "my cat";

var reg = /cat/

var result = reg.test(str); //返回true

 

表单检验:

 获取表单标签 $("form")

获取表单input标签$("form input")

获取select标签$("form select")

获取值：
　　文本框，文本区域：$("#txt").attr("value")；
　　多选框checkbox：$("#checkbox_id").attr("value")；
　　单选组radio： $("input[@type=radio][@checked]").val();
　　下拉框select： $('#sel').val();

获取所有不可见元素

 

JS事件

获取焦点 onfocus

失去焦点 onblur

JQuery

focus

blur

 

                                                                                                                                                                                              

 

转载于:https://www.cnblogs.com/jiayiblog/p/10971632.html