JS获取浏览器信息及屏幕分辨率

作者:MJ 发布于:2017-3-13 13:55 Monday 分类:JQuery

网页可见区域宽:document.body.clientWidth 
网页可见区域高:document.body.clientHeight 
网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽) 
网页可见区域高:document.body.offsetHeight(包括边线的宽) 
网页正文全文宽:document.body.scrollWidth 
网页正文全文高:document.body.scrollHeight 
网页被卷去的高:document.body.scrollTop 
网页被卷去的左:document.body.scrollLeft 
网页正文部分上:window.screenTop 
网页正文部分左:window.screenLeft 
屏幕分辨率的高:window.screen.height 
屏幕分辨率的宽:window.screen.width 
屏幕可用工作区高度:window.screen.availHeight 
屏幕可用工作区宽度:window.screen.availWidth 
屏幕设置 window.screen.colorDepth 位彩色 
屏幕设置 window.screen.deviceXDPI 像素/英寸

评论(0) 引用(0) 浏览(224631)

JS正则表达式大全

作者:MJ 发布于:2017-2-3 16:32 Friday 分类:JQuery

正则表达式中的特殊字符

字符 含意

\ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 
-或- 
对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。 

^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" 
$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" 
* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa 
+ 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa 
? 匹配前面元字符0次或1次,/ba*/将匹配b,ba 
(x) 匹配x保存x在名为$1...$9的变量中 
x|y 匹配x或y 
{n} 精确匹配n次 
{n,} 匹配n次以上 
{n,m} 匹配n-m次 
[xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符) 
[^xyz] 不匹配这个集合中的任何一个字符 
[\b] 匹配一个退格符 
\b 匹配一个单词的边界 
\B 匹配一个单词的非边界 
\cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M 
\d 匹配一个字数字符,/\d/ = /[0-9]/ 
\D 匹配一个非字数字符,/\D/ = /[^0-9]/ 
\n 匹配一个换行符 
\r 匹配一个回车符 
\s 匹配一个空白字符,包括\n,\r,\f,\t,\v等 
\S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/ 
\t 匹配一个制表符 
\v 匹配一个重直制表符 
\w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9] 
\W 匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。

用re = new RegExp("pattern",["flags"]) 的方式比较好 
pattern : 正则表达式 
flags: g (全文查找出现的所有 pattern) 
i (忽略大小写) 
m (多行查找)

vaScript动态正则表达式问题

请问正则表达式可以动态生成吗? 
例如JavaScript中: 
var str = "strTemp"; 
要生成: 
var re = /strTemp/; 
如果是字符连接: 
var re = "/" + str + "/"即可 
但是要生成表达式,可以实现吗?怎样实现?


正则表达式是一个描述字符模式的对象。 
JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法.

在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象, 
也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象.就像字符串直接量被定义为包含在引号内的字符一样, 
正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码:

var pattern = /s$/;

这行代码创建一个新的RegExp对象,并将它赋给变量parttern.这个特殊的RegExp对象和所有以字母"s"结尾的字符串都匹配.用RegExp()也可以定义
一个等价的正则表达式,代码如下:

var pattern = new RegExp("s$");

无论是用正则表达式直接量还是用构造函数RegExp(),创建一个RegExp对象都是比较容易的.较为困难的任务是用正则表达式语法来描述字符的模式. 
JavaScript采用的是Perl语言正则表达式语法的一个相当完整的子集.

正则表达式的模式规范是由一系列字符构成的.大多数字符(包括所有字母数字字符)描述的都是按照字面意思进行匹配的字符.这样说来,正则表达式/java/就和所有包含子串 "java" 的字符串相匹配.虽然正则表达式中的其它字符不是按照字面意思进行匹配的,但它们都具有特殊的意义.正则表达式 /s$/ 包含两个字符. 第一个特殊字符 "s" 是按照字面意思与自身相匹配.第二个字符 "$" 是一个特殊字符,它所匹配的是字符串的结尾.所以正则表达式 /s$/ 匹配的就是以字母 "s" 结尾的字符串.

1.直接量字符

我们已经发现了,在正则表达式中所有的字母字符和数字都是按照字面意思与自身相匹配的.JavaScript的正则表达式还通过以反斜杠(\)开头的转义序列支持某些非字母字符.例如,序列 "\n" 在字符串中匹配的是一个直接量换行符.在正则表达式中,许多标点符号都有特殊的含义.下面是这些字符和它们的含义:

正则表达式的直接量字符

字符 匹配 
________________________________

字母数字字符 自身 
\ f 换页符 
\ n 换行符 
\ r 回车 
\ t 制表符 
\ v 垂直制表符 
\ / 一个 / 直接量 
\ \ 一个 \ 直接量 
\ . 一个 . 直接量 
\ * 一个 * 直接量 
\ + 一个 + 直接量 
\ ? 一个 ? 直接量 
\ | 一个 | 直接量 
\ ( 一个 ( 直接量 
\ ) 一个 ) 直接量 
\ [ 一个 [ 直接量 
\ ] 一个 ] 直接量 
\ { 一个 { 直接量 
\ } 一个 } 直接量 
\ XXX 由十进制数 XXX 指 定的ASCII码字符 
\ Xnn 由十六进制数 nn 指定的ASCII码字符 
\ cX 控制字符^X. 例如, \cI等价于 \t, \cJ等价于 \n

___________________________________________________

如果想在正则表达式中使用特殊的标点符号,必须在它们之前加上一个 "\" .


2.字符类

将单独的直接符放进中括号内就可以组合成字符类.一个字符类和它所包含的任何一个字符都匹配,所以正则表达式 / [abc] / 和字母 "a" , "b" , "c" 中的任何一个都匹配.另外还可以定义否定字符类,这些类匹配的是除那些包含在中括号之内的字符外的所有字符.定义否定字符尖时,要将一个 ^ 符号作为从左中括号算起的第一个字符.正则表达式的集合是 / [a-zA-z0-9] / .

由于某些字符类非常常用,所以JavaScript的正则表达式语法包含一些特殊字符和转义序列来表示这些常用的类.例如, \s 匹配的是空格符,制表符和其它空白符, \s 匹配的则是空白符之外的任何字符.

正则表灰式的字符类

字符 匹配 
____________________________________________________

[...] 位于括号之内的任意字符 
[^...] 不在括号之中的任意字符 
. 除了换行符之外的任意字符,等价于[^\n] 
\w 任何单字字符, 等价于[a-zA-Z0-9] 
\W 任何非单字字符,等价于[^a-zA-Z0-9] 
\s 任何空白符,等价于[\ t \ n \ r \ f \ v] 
\S 任何非空白符,等价于[^\ t \ n \ r \ f \ v] 
\d 任何数字,等价于[0-9] 
\D 除了数字之外的任何字符,等价于[^0-9] 
[\b] 一个退格直接量(特例) 
________________________________________________________________

3.复制

用以上的正则表式的语法,可以把两位数描述成 / \ d \ d /,把四位数描述成 / \d \ d \ d \ d /.但我们还没有一种方法可以用来描述具有任意多数位的数字或者是一个字符串.这个串由三个字符以及跟随在字母之后的一位数字构成.这些复杂的模式使用的正则表达式语法指定了该表达式中每个元素要重复出现的次数.

指定复制的字符总是出现在它们所作用的模式后面.由于某种复制类型相当常用.所以有一些特殊的字符专门用于表示它们.例如: +号匹配的就是复制前一模式一次或多次的模式.下面的表列出了复制语法.先看一个例子:

/\d{2, 4}/ //匹配2到4间的数字.

/\w{3} \d?/ //匹配三个单字字符和一个任意的数字.

/\s+java\s+/ //匹配字符串"java" ,并且该串前后可以有一个或多个空格.

/[^"] * / //匹配零个或多个非引号字符.


正则表达式的复制字符

字符 含义 
__________________________________________________________________

{n, m} 匹配前一项至少n次,但是不能超过m次 
{n, } 匹配前一项n次,或者多次 
{n} 匹配前一项恰好n次 
? 匹配前一项0次或1次,也就是说前一项是可选的. 等价于 {0, 1} 
+ 匹配前一项1次或多次,等价于{1,} 
* 匹配前一项0次或多次.等价于{0,} 
___________________________________________________________________


4.选择,分组和引用

正则表达式的语法还包括指定选择项,对子表达式分组和引用前一子表达式的特殊字符.字符| 用于分隔供选择的字符.例如: /ab|cd|ef/ 匹配的是字符串 "ab",或者是字符串 "cd",又或者 "ef". /\d{3}|[a-z]{4}/ 匹配的是要么是一个三位数,要么是四个小写字母.在正则表达式中括号具有几种作用.它的主要作用是把单独的项目分组成子表达式,以便可以像处理一个独立的单元那种用 *、+或? 来处理那些项目.例如: /java(script) ?/ 匹配的是字符串 "java",其后既可以有 "script",也可以没有. /

(ab|cd) + |ef) / 匹配的既可以是字符串 "ef",也可以是字符串"ab" 或者 "cd" 的一次或多次重复.

在正则表达式中,括号的第二个用途是在完整的模式中定义子模式。当一个正则表达式成功地和目标字符串相匹配时,可以从目标串中抽出和括号中的子模式相匹配的部分.例如,假定我们正在检索的模式是一个或多个字母后面跟随一位或多位数字,那么我们可以使用模式 / [a-z] + \ d+/.但是由于假定我们真正关心的是每个匹配尾部的数字,那么如果我们将模式的数字部分放在括号中 (/ [a-z] + (\d+)/) ,我们就可以从所检索到的任何匹配中抽取数字了,之后我们会对此进行解析的.

代括号的子表达式的另一个用途是,允许我们在同一正则表达式的后面引用前面的子表达式.这是通过在字符串 \ 后加一位或多位数字来实现的.数字指的是代括号的子表达式在正则表达式中的位置.例如: \1 引用的是第一个代括号的子表达式. \3 引用的是第三个代括号的子表达式.注意,由于子表达式可以嵌套在其它子表达式中,

所以它的位置是被计数的左括号的位置.

例如:在下面的正则表达式被指定为 \2: 
/([Jj]ava([Ss]cript)) \sis \s (fun\w*) /


对正则表达式中前一子表达式的引用所指定的并不是那个子表达式的模式,而是与那个模式相匹配的文本.这样,引用就不只是帮助你输入正则表达式的重复部分的快

捷方式了,它还实施了一条规约,那就是一个字符串各个分离的部分包含的是完全相同的字符.例如:下面的正则表达式匹配的就是位于单引号或双引号之内的所有字符.但是,它要求开始和结束的引号匹配(例如两个都是双引号或者都是单引号): 
/[' "] [^ ' "]*[' "]/


如果要求开始和结束的引号匹配,我们可以使用如下的引用: 
/( [' "] ) [^ ' "] * \1/


\1匹配的是第一个代括号的子表达式所匹配的模式.在这个例子中,它实施了一种规约,那就是开始的引号必须和结束的引号相匹配.注意,如果反斜杠后跟随的数字比代括号的子表达式数多,那么它就会被解析为一个十进制的转义序列,而不是一个引用.你可以坚持使用完整的三个字符来表示转义序列,这们就可以避免混淆了.例如, 使用 \044,而不是\44.下面是正则表达式的选择、分组和引用字符:

字符 含义 
____________________________________________________________________

| 选择.匹配的要么是该符号左边的子表达式,要么它右边的子表达式 
(...) 分组.将几个项目分为一个单元.这个单元可由 *、+、?和|等符号使用,而且还可以记住和这个组匹配的字符以供此后引

用使用 
\n 和第n个分组所匹配的字符相匹配.分组是括号中的子表达式(可能是嵌套的).分组号是从左到右计数的左括号数 
____________________________________________________________________

 

5.指定匹配的位置

我们已经看到了,一个正则表达式中的许多元素才能够匹配字符串的一个字符.例如: \s 匹配的只是一个空白符.还有一些正则表达式的元素匹配的是字符之间宽度为0的空间,而不是实际的字符例如: \b 匹配的是一个词语的边界,也就是处于一个/w字字符和一个\w非字字符之间的边界.像\b 这样的字符并不指定任何一个匹配了的字符串中的字符,它们指定的是匹配所发生的合法位置.有时我们称这些元素为正则表达式的锚.因为它们将模式定位在检索字符串中的一个特定位置.最常用的锚元素是 ^, 它使模式依赖于字符串的开头,而锚元素$则使模式定位在字符串的末尾.

例如:要匹配词 "javascript" ,我们可以使用正则表达式 /^ javascript $/. 如果我们想检索 "java" 这个词自身 (不像在 "javascript" 中那样作为前缀),那么我们可以使用模式 /\s java \s /, 它要求在词语java之前和之后都有空格.但是这样作有两个问题.第一: 如果 "java" 出现在一个字符的开头或者是结尾.该模式就不会与之匹配,除非在开头和结尾处有一个空格. 第二: 当这个模式找到一个与之匹配的字符时,它返回的匹配的字符串前端和后端都有空格,这并不是我们想要的.因此,我们使用词语的边界 \b 来代替真正的空格符 \s 进行匹配. 结果表达式是 /\b java \b/.

下面是正则表达式的锚字符:

字符 含义 
____________________________________________________________________

^ 匹配的是字符的开头,在多行检索中,匹配的是一行的开头 
$ 匹配的是字符的结尾,在多行检索中,匹配的是一行的结尾 
\b 匹配的是一个词语的边界.简而言之就是位于字符\w 和 \w之间的位置(注意:[\b]匹配的是退格符) 
\B 匹配的是非词语的边界的字符 
_____________________________________________________________________


6.属性

有关正则表达式的语法还有最后一个元素,那就是正则表达式的属性,它说明的是高级模式匹配的规则.和其它正则表达式语法不同,属性是在 / 符号之外说明的.即它们不出现在两个斜杠之间,而是位于第二个斜杠之后.javascript 1.2支持两个属性.属性 i 说明模式匹配应该是大小写不敏感的.属性 g 说明模式匹配应该是全局的.也

就是说,应该找出被检索的字符串中所有的匹配.这两种属性联合起来就可以执行一个全局的,大小写不敏感的匹配.

例如: 要执行一个大小不敏感的检索以找到词语 "java" (或者是 "java" 、"JAVA"等) 的第一个具体值,我们可以使用大小不敏感的正则表达式 /\b java\b/i .如果要在一个字符串中找到 "java" 所有的具体值,我们还可以添加属性 g, 即 /\b java \b/gi .

以下是正则表达式的属性:


字符 含义 
_________________________________________

i 执行大小写不敏感的匹配 
g 执行一个全局的匹配,简而言之,就是找到所有的匹配,而不是在找到第一个之后就停止了 
_________________________________________

除属性 g 和 i 之外,正则表达式就没有其它像属性一样的特性了.如果将构造函数 RegExp 的静态属性 multiline 设置为 true ,那么模式匹配将以多行的模式进行.在这种模式下,锚字符 ^ 和 $ 匹配的不只是检索字符串的开头和结尾,还匹配检索字符串内部的一行的开头和结尾.例如: 模式 /Java$/ 匹配的是 "Java",但是并不匹配

"Java\nis fun" .如果我们设置了 multiline 属性,那么后者也将被匹配:

RegExp.multiline = true;

在JAVASCRIPT里面判断一个字符串是否是电子邮件的格式: 


javascript的17种正则表达式 

"^\\d+$"  //非负整数(正整数 + 0) 
"^[0-9]*[1-9][0-9]*$"  //正整数 
"^((-\\d+)|(0+))$"  //非正整数(负整数 + 0) 
"^-[0-9]*[1-9][0-9]*$"  //负整数 
"^-?\\d+$"    //整数 
"^\\d+(\\.\\d+)?$"  //非负浮点数(正浮点数 + 0) 
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正浮点数(负浮点数 + 0) 
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //负浮点数
"^(-?\\d+)(\\.\\d+)?$"  //浮点数 
"^[A-Za-z]+$"  //由26个英文字母组成的字符串 
"^[A-Z]+$"  //由26个英文字母的大写组成的字符串 
"^[a-z]+$"  //由26个英文字母的小写组成的字符串 
"^[A-Za-z0-9]+$"  //由数字和26个英文字母组成的字符串 
"^\\w+$"  //由数字、26个英文字母或者下划线组成的字符串 
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址 
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url 

正则表达式对象的属性及方法

预定义的正则表达式拥有有以下静态属性:input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字,并且,这两个名字指向同一个值。(JavaScript模拟perl的正则表达式)

正则表达式对象的属性

属性 含义 
$1...$9 如果它(们)存在,是匹配到的子串 
$_ 参见input 
$* 参见multiline 
$& 参见lastMatch 
$+ 参见lastParen 
$` 参见leftContext 
$'' 参见rightContext 
constructor 创建一个对象的一个特殊的函数原型 
global 是否在整个串中匹配(bool型) 
ignoreCase 匹配时是否忽略大小写(bool型) 
input 被匹配的串 
lastIndex 最后一次匹配的索引 
lastParen 最后一个括号括起来的子串 
leftContext 最近一次匹配以左的子串 
multiline 是否进行多行匹配(bool型) 
prototype 允许附加属性给对象 
rightContext 最近一次匹配以右的子串 
source 正则表达式模式 
lastIndex 最后一次匹配的索引 
 

正则表达式对象的方法 
方法 含义 
compile 正则表达式比较 
exec 执行查找 
test 进行匹配 
toSource 返回特定对象的定义(literal representing),其值可用来创建一个新的对象。重载Object.toSource方法得到的。 
toString 返回特定对象的串。重载Object.toString方法得到的。 
valueOf 返回特定对象的原始值。重载Object.valueOf方法得到 


将输出"Smith, John" 

javascript正则表达式检验 


正则表达式regular expression详述(一)

正则表达式是regular expression,看来英文比中文要好理解多了,就是检查表达式符 
不符合规定!!正则表达式有一个功能十分强大而又十分复杂的对象RegExp,在JavaScript1.2 版本以上提供。

下面我们看看有关正则表达式的介绍: 
正则表达式对象用来规范一个规范的表达式(也就是表达式符不符合特定的要求,比如是不是Email地址格式等),它具有用来检查给出的字符串是否符合规则的属性和方法。

除此之外,你用RegExp构造器建立的个别正则表达式对象的属性,就已经预先定义好了正则表达式对象的静态属性,你可以随时使用它们。

核心对象: 
在JavaScript 1.2, NES 3.0以上版本提供。 
在JavaScript 1.3以后版本增加了toSource方法。

建立方法: 
文字格式或RegExp构造器函数。 
文字建立格式使用以下格式: 
/pattern/flags即/模式/标记

构造器函数方法使用方法如下: 
new RegExp("pattern"[, "flags"])即new RegExp("模式"[,"标记"])

参数: 
pattern(模式) 
表示正则表达式的文本

flags(标记) 
如果指定此项,flags可以是下面值之一: 
g: global match(全定匹配) 
i: ignore case(忽略大小写) 
gi: both global match and ignore case(匹配所有可能的值,也忽略大小写)

注意:文本格式中的参数不要使用引号标记,而构造器函数的参数则要使用引号标记。所以下面的表达式建立同样的正则表达式: 
/ab+c/i 
   new RegExp("ab+c", "i")

描述: 
当使用构造函数的时候,必须使用正常的字符串避开规则(在字符串中加入前导字符\ )是必须的。 
例如,下面的两条语句是等价的: 
re = new RegExp("\\w+") 
re = /\w+/

下面的提供了在正则表达式中能够使用的完整对特殊字符的一个完整的列表和描述。

表1.3:正则表达式中的特殊字符:

字符\ 
意义:对于字符,通常表示按字面意义,指出接着的字符为特殊字符,\不作解释。 
例如:/b/匹配字符'b',通过在b 前面加一个反斜杠\,也就是/\b/,则该字符变成特殊字符,表示匹配一个单词的分界线。

或者: 
对于几个字符,通常说明是特殊的,指出紧接着的字符不是特殊的,而应该按字面解释。 
例如:*是一个特殊字符,匹配任意个字符(包括0个字符);例如:/a*/意味匹配0个或多个a。 
为了匹配字面上的*,在a前面加一个反斜杠;例如:/a\*/匹配'a*'。

字符^ 
意义:表示匹配的字符必须在最前边。 
例如:/^A/不匹配"an A,"中的'A',但匹配"An A."中最前面的'A'。

字符$ 
意义:与^类似,匹配最末的字符。 
例如:/t$/不匹配"eater"中的't',但匹配"eat"中的't'。

字符* 
意义:匹配*前面的字符0次或n次。 
例如:/bo*/匹配"A ghost booooed"中的'boooo'或"A bird warbled"中的'b',但不匹配"A goat grunted"中的任何字符。

字符+ 
意义:匹配+号前面的字符1次或n次。等价于{1,}。 
例如:/a+/匹配"candy"中的'a'和"caaaaaaandy."中的所有'a'。

字符? 
意义:匹配?前面的字符0次或1次。 
例如:/e?le?/匹配"angel"中的'el'和"angle."中的'le'。

字符. 
意义:(小数点)匹配除换行符外的所有单个的字符。 
例如:/.n/匹配"nay, an apple is on the tree"中的'an'和'on',但不匹配'nay'。

字符(x) 
意义:匹配'x'并记录匹配的值。 
例如:/(foo)/匹配和记录"foo bar."中的'foo'。匹配子串能被结果数组中的素[1], ..., [n] 返回,或被RegExp对象的属性$1, ..., $9返回。

字符x|y 
意义:匹配'x'或者'y'。 
例如:/green|red/匹配"green apple"中的'green'和"red apple."中的'red'。

字符{n} 
意义:这里的n是一个正整数。匹配前面的n个字符。 
例如:/a{2}/不匹配"candy,"中的'a',但匹配"caandy," 中的所有'a'和"caaandy."中前面的两个 
'a'。

字符{n,} 
意义:这里的n是一个正整数。匹配至少n个前面的字符。 
例如:/a{2,}不匹配"candy"中的'a',但匹配"caandy"中的所有'a'和"caaaaaaandy."中的所有'a'

字符{n,m} 
意义:这里的n和m都是正整数。匹配至少n个最多m个前面的字符。 
例如:/a{1,3}/不匹配"cndy"中的任何字符,但匹配 "candy,"中的'a',"caandy," 中的前面两个 
'a'和"caaaaaaandy"中前面的三个'a',注意:即使"caaaaaaandy" 中有很多个'a',但只匹配前面的三个'a'即"aaa"。

字符[xyz] 
意义:一字符列表,匹配列出中的任一字符。你可以通过连字符-指出一个字符范围。 
例如:[abcd]跟[a-c]一样。它们匹配"brisket"中的'b'和"ache"中的'c'。

字符[^xyz] 
意义:一字符补集,也就是说,它匹配除了列出的字符外的所有东西。 你可以使用连字符-指出一 字符范围。 
例如:[^abc]和[^a-c]等价,它们最早匹配"brisket"中的'r'和"chop."中的'h'。

字符[\b] 
意义:匹配一个空格(不要与\b混淆)

字符\b 
意义:匹配一个单词的分界线,比如一个空格(不要与[\b]混淆) 
例如:/\bn\w/匹配"noonday"中的'no',/\wy\b/匹配"possibly yesterday."中的'ly'。

字符\B 
意义:匹配一个单词的非分界线 
例如:/\w\Bn/匹配"noonday"中的'on',/y\B\w/匹配"possibly yesterday."中的'ye'。

字符\cX 
意义:这里的X是一个控制字符。匹配一个字符串的控制字符。 
例如:/\cM/匹配一个字符串中的control-M。

字符\d 
意义:匹配一个数字,等价于[0-9]。 
例如:/\d/或/[0-9]/匹配"B2 is the suite number."中的'2'。

字符\D 
意义:匹配任何的非数字,等价于[^0-9]。 
例如:/\D/或/[^0-9]/匹配"B2 is the suite number."中的'B'。

字符\f 
意义:匹配一个表单符

字符\n 
意义:匹配一个换行符

字符\r 
意义:匹配一个回车符

字符\s 
意义:匹配一个单个white空格符,包括空格,tab,form feed,换行符,等价于[ \f\n\r\t\v]。 
例如:/\s\w*/匹配"foo bar."中的' bar'。

字符\S 
意义:匹配除white空格符以外的一个单个的字符,等价于[^ \f\n\r\t\v]。 
例如:/\S/\w*匹配"foo bar."中的'foo'。

字符\t 
意义:匹配一个制表符

字符\v 
意义:匹配一个顶头制表符

字符\w 
意义:匹配所有的数字和字母以及下划线,等价于[A-Za-z0-9_]。 
例如:/\w/匹配"apple,"中的'a',"$5.28,"中的'5'和"3D."中的'3'。

字符\W 
意义:匹配除数字、字母外及下划线外的其它字符,等价于[^A-Za-z0-9_]。 
例如:/\W/或者/[^$A-Za-z0-9_]/匹配"50%."中的'%'。

字符\n 
意义:这里的n是一个正整数。匹配一个正则表达式的最后一个子串的n的值(计数左圆括号)。

例如:/apple(,)\sorange\1/匹配"apple, orange, cherry, peach."中的'apple, orange',下面有一个更加完整的例子。 
注意:如果左圆括号中的数字比\n指定的数字还小,则\n取下一行的八进制escape作为描述。

字符\ooctal和\xhex 
意义:这里的\ooctal是一个八进制的escape值,而\xhex是一个十六进制的escape值,允许在一个正则表达式中嵌入ASCII码。


当表达式被检查的时候,文字符号提供了编辑正则表达式的方法。利用文字符号可以使到正则表达式保持为常数。例如,如果你在一个循环中使用文字符号来构造一个正则表达式,正则表达式不需进行反复编译。

正则表达式对象构造器,例如,new RegExp("ab+c"),提供正则表达式的运行时编译。当你知道正则表达式的模式会变化的时候,应该使用构造函数,或者你不知道正则表达式的模式,而它们是从另外的源获得的时候,比如由用户输入时。一旦你定义好了正则表达式,该正则表达式可在任何地方使用,并且可以改变,你可以使用编译方法来编译一个新的正则表达式以便重新使用。

一个分离预先定义的RegExp对象可以在每个窗口中使用;也就是说,每个分离的JavaScript线程运行以获得自己的RegExp对象。因为每个脚本在一个线程中是不可中断的,这就确保了不同的脚本不会覆盖RegExp对象的值。

预定义的RegExp对象包含的静态属性:input, multiline, lastMatch,lastParen, leftContext, rightContext, 以及从$1到$9。input和multiline属性能被预设。其它静态属性的值是在执行个别正则表达式对象的exec和test方法后,且在执行字符串的match和replace方法后设置的。

属性 
注意RegExp对象的几个属性既有长名字又有短名字(象Perl)。这些名字都是指向相同的值。Perl是 
一种编程语言,而JavaScript模仿了它的正则表达式。

属性$1, ..., $9 
取得匹配的子串,如果有的话

属性$_ 
参考input

属性$* 
参考multiline

属性$& 
参考lastMatch

属性$+ 
参考lastParen

属性$` 
参考leftContext

属性$' 
参考rightContext

属性constructor 
指定用来建立对象原型函

属性global 
决定是否测试正则表达式是否不能匹配所有的字符串,或者只是与最先的冲突。

属性ignoreCase 
决定试图匹配字符串的时候是否忽略大小写

属性input 
当正则表达式被匹配的时候,为相反的字符串。

属性lastIndex 
决定下一次匹配从那里开始

属性lastMatch 
最后一个匹配的字符

属性lastParen 
子串匹配的时候,最后一个parenthesized,如果有的话。

属性leftContext 
最近一次匹配前的子串。

属性multiline 
是否在串的多行中搜索。

属性prototype 
允许附加属性到所有的对象

属性rightContext 
最近一次匹配后的的子串。

属性source 
模式文本

方法 
compile方法 
编译一个正则表达式对象

exec方法 
运行正则表达式匹配

test方法 
测试正则达式匹配

toSource方法 
返回一个对象的文字描述指定的对象;你可以使用这个值来建立一个新的对象。不考虑Object.toS 
ource方法。

toString方法 
返回一个字符串描述指定的对象,不考虑Object.toString对象。

valueOf方法 
返回指定对角的原始值。不考虑Object.valueOf方法。

另外,这个对象继承了对象的watch和unwatch方法


例子: 
例1、下述示例脚本使用replace方法来转换串中的单词。在替换的文本中,脚本使用全局 RegExp对象的$1和$2属性的值。注意,在作为第二个参数传递给replace方法的时候,RegExp对象的$属性的名称。 
<SCRIPT LANGUAGE="JavaScript1.2"> 
re = /(\w+)\s(\w+)/; 
str = "John Smith"; 
newstr=str.replace(re,"$2, $1"); 
document.write(newstr) 
</SCRIPT>

显示结果:"Smith, John".

例2、下述示例脚本中,RegExp.input由Change事件处理句柄设置。在getInfo函数中,exec 方法 
使用RegExp.input的值作为它的参数,注意RegExp预置了$属性。


<SCRIPT LANGUAGE="JavaScript1.2"> 
function getInfo(abc) 

re = /(\w+)\s(\d+)/; 
re.exec(abc.value); 
window.alert(RegExp.$1 + ", your age is " + RegExp.$2); 

</SCRIPT>

  请输入你的姓和年龄,输入完后按回车键。 
   <FORM><INPUT TYPE="TEXT" NAME="NameAge" onChange="getInfo(this);"></FORM> 
   </HTML>


$1, ..., $9属性 
用圆括号括着的匹配子串,如果有的话。 
是RegExp的属性 
静态,只读

在JavaScript 1.2, NES 3.0以上版本提供 
描述:因为input是静态属性,不是个别正则表达式对象的属性。你可以使用RegExp.input 访问该属性。

能加上圆括号的子串的数量不受限制,但正则表达式对象只能保留最后9 条。如果你要访问所有的圆括号内的匹配字串,你可以使用返回的数组。

这些属性能用在RegExp.replace方法替换后的字符串(输出结果)。当使用这种方式的时候,不用预 先考虑RegExp对象。下面给出例子。当正则表达式中没有包含圆括号的时候,该脚本解释成$n的字面意义。(这里的n是一个正整数)。

例如: 
下例脚本使用replace 方法来交换串中单词的位置。在替换后的文本字串中,脚本使用正则表达式 
RegExp对象的$1和$2属性的值。注意:当它们向replace方法传递参数的时候,这里没有考虑 $ 属性的 
RegExp对象的名称。 
<SCRIPT LANGUAGE="JavaScript1.2"> 
re = /(\w+)\s(\w+)/; 
str = "John Smith"; 
newstr=str.replace(re,"$2, $1"); 
document.write(newstr) 
</SCRIPT> 
显示的输出结果为:Smith, John。


正则表达式regular expression详述(二)

正则表达式详述(二)

以下这些不是正则表达式的新增对象请参阅对应的JavaScript对象的属性 $_属性 参考input $*属性

参考multiline $&属性 参考lastMatch $+属性 参考lastParen $`属性

参考leftContext $'属性 参考rightContext compile方法 在脚本运行期间编译正则表达式对象 
属于RegExp的方法 在JavaScript 1.2, NES 3.0以上版本提供 语法: 
regexp.compile(pattern[, flags]) 以数: regexp 正则表达式的名称,可以是变量名或文字串。 
pattern 正则表达式的定义文本。 flags 如果指定的话,可以是下面其中的一个: "g": 匹配所有可能的字串 
"i": 忽略大小写 "gi": 匹配所有可能的字串及忽略大小写 描述: 
使用compile方法来编译一个正则表达式 created with the RegExp constructor function。这样 
就强制正则表达式只编译一次,而不是每次遇到正则表达式的时候都编译一次。当你确认正则表达式能 
保持不变的时候可使用compile 方法来编译它(在获得它的匹配模式后),这样就可以在脚本中重复多次使用它。 
你亦可以使用compile 方法来改变在运行期间改变正则表达式。例如,假如正则表达式发生变化, 
你可以使用compile方法来重新编译该对象来提高使用效率。 
使用该方法将改变正则表达式的source, global和ignoreCasesource属性的值。 constructor 
指出建立对象原型的function。注意这个属性的值由函数本身提供,而不是一个字串包含RegExp的name.Property提供。 
在JavaScript 1.1, NES 2.0以上版本提供 ECMA版本ECMA-262 描述:参考Object.constructor. 
exec方法 在指定的字符串运行匹配搜索。返回一个结果数组。 是RegExp的方法 
在JavaScript 1.2, NES 3.0以上版本提供 语法: regexp.exec([str])regexp([str])

参数: regexp,正则表达式的名称,可以是一个变量名或文字定义串。 
str,要匹配正则表达式的字符串,如果省略,将使用RegExp.input的值。

描述:就如在语法描述中的一样,正则表达工的exec方法能够被直接调用(使用regexp.exec(str))或者间接调用(使用regexp(str))。 
假如你只是运行以找出是否匹配,可以使用String搜索方法。 
假如匹配成功,exec方法返回一个数组并且更新正则表达式对象属性的值和预先定义的正则表达式对象、RegExp。如果匹配失败,exec方法返回null。

请看下例: <SCRIPT LANGUAGE="JavaScript1.2"> //匹配一个b接着一个或多个d,再接着一个b 
//忽略大小写 myRe=/d(b+)(d)/ig; myArray = myRe.exec("cdbBdbsbz"); 
</SCRIPT> 下面是该脚本的返回值:对象 属性/Index 描述 例子 
myArray

myArray的内容 ["dbBd", "bB", "d"] 
index 
基于0的匹配index 1 
input 
原始字符串 cdbBdbsbz 
[0] 
最后匹配的字符 dbBd 
[1], ...[n] 
用圆括号括住的匹配字符串,如果有的话。不限制括号的个数。 [1] = bB 
[2] = d 
myRe 
lastIndex 
开始下次匹配操作的index值 5 
ignoreCase 
指出"i"是否使用以忽略大小写 true 
global 
指出是否使用"g"标记来进行匹配所有可能的字串 true 
source 
定义模式的文本字符串 d(b+)(d) 
RegExp 
lastMatch$& 
最后匹配的字符 dbBd 
leftContext$\Q 
最新匹配前面的子串 c 
rightContext$' 
最新匹配后面的子串 bsbz 
$1, ...$9 
圆括号内的匹配子串,如果有的话。圆括号的个数不受限制,但RegExp只能保留最后9个 $1 = bB 
$2 = d 
lastParen $+ 
最后一个加上圆括号的匹配子串,如果有的话 d

假如你的正则表达式使用了"g"标记,你可以多次使用exec 方法来连续匹配相同的串。当你这样做的时候,新的匹配将从由正则表达式的lastIndex 属性值确定的子串中开始。例如,假定你使用下面的脚本:

<SCRIPT LANGUAGE="JavaScript1.2"> myRe=/ab*/g;str = "abbcdefabh" 
myArray = myRe.exec(str); 
document.writeln("Found "+myArray[0]+". Next match starts at "+myRe.lastIndex) 
mySecondArray = myRe.exec(str); 
document.writeln("Found "+mySecondArray[0]+". Next match starts at "+myRe.lastIndex)
</SCRIPT>

这个脚本显示如下结果: Found abb. Next match starts at 3 
Found ab. Next match starts at 9 例子:

在下面的例子中,用户输入一个名字,脚本根据输入执行匹配操作。接着检查数组看是否和其它用户的名字匹配。 
本脚本假定已注册的用户的姓已经存进了数组A中,或许从一个数据库中取得。

<HTML> 
<SCRIPT LANGUAGE="JavaScript1.2"> A = ["zhao","qian","sun","li","liang"] 
function lookup() { firstName = /\w+/i(); if (!firstName) 
window.alert (RegExp.input + "非法输入"); else { count=0; 
for (i=0;i 输入你的姓然后按回车键。 
<FORM><INPUT TYPE:"TEXT" NAME="FirstName" onChange="lookup(this);"></FORM> 
</HTML>

global属性 正则表达式中是否使用了"g"标记。 RegExp属性,只读 
在JavaScript 1.2, NES 3.0以上版本提供 描述: global是一个个别正则表达式对象的属性 
如果使用了"g"标记,global的值为true;否则为 false。"g"标记指定正则表达式测试所有可能的匹配。 
你不能直接改变该属性的值,但可以调用compile方法来改变它。 ignoreCase 检查正则表达式是否使用了"i"标记 
RegExp属性,只读 在JavaScript 1.2, NES 3.0以上版本提供 描述: 
ignoreCase是个别正则表达式对象的一个属性。 
如果使用了"i"标记,则返回true,否则返回false。"i"标记指示在进行匹配的时候忽略大小写。 
你不能直接改变该属性的值,但可以通过调用compile方法来改变它 input 指出正则表达式要测试那个字串。$_是这个属性的另一个名字。 
RegExp的属性,静态 在JavaScript 1.2, NES 3.0以上版本提供

描述:因为input是静态的,不是某个个别的正则表达式对象的属性。你也可以使用 RegExp.input来表示。 
如果没有给正则表达式的exec或test方法提供字符串,并且RegExp.input中有值,则使用它的值来调用该方法。 
脚本或浏览器能够预置input属性。如果被预置了值且调用exec或 test方法的时候没有提供字符串 
则调用exec或test的时候使用input的值。input可以被浏览器以下面的方式设置: 
当text表单域处理句柄被调用的时候,input被设置为该text输入的字串。 
当textarea表单域处理句柄被调用的时候,input被设置为textarea域内输入的字串。注意multili 
ne亦被设置成true从而能匹配多行文本。 当select表单域处理句柄被调用的时候,input被设置成selected text的值。 
当链接对象的处理句柄被调用的时候,input被设置成<A HREF=...>和</A>之间的字符串。 
事件理现句柄处理完毕后,input属性的值被清除。 lastIndex 可读/可写的一个整数属性,指出下一次匹配从哪里开始。 
RegExp的属性 在JavaScript 1.2, NES 3.0以上版本提供

描述:lastIndex 是个别的正则表达式对象的属性。 这个属性只有当正则表达式的"g"标记被使用以进行全串匹配的时候才被设置。实行以下规则:

如果lastIndex大小字符串的长度,regexp.test和regexp.exec失败,且lastIndex被设为0。

如果lastIndex等于字串的长度且正则表达式匹配空字符串,则正则表达式从lastIndex的位置开始匹配。

如果lastIndex等于字符串的长度且正则表达式不匹配空字符串,则正则表达式不匹配input,且lastIndex被置为0。

否则,lastIndex被设置成最近一次匹配的下一点。 例如,按下面的顺序执行脚本: re = /(hi)?/g 匹配空字符串 
re("hi") 返回["hi", "hi"],lastIndex置为2 
re("hi") 返回[""],一个空数组,它的下标为0的元素就是匹配字符串。在这种情况下,返回空 
串是因为lastIndex等于2(且仍然是2),并且"hi"的长度也是2。 lastMatch 最后一次匹配字符串,$&是同样的意思。 
RegExp的属性,静态,只读 在JavaScript 1.2, NES 3.0以上版本提供

描述:因为lastMatch是静态的,所以它不是个别指定正则表达式的属性。你也可以使用RegExp.lastMatch。 lastParen 
最后一次加上括号的匹配字符串,如果有的话。$+是同样的意思。 RegExp属性,静态,只读 
在JavaScript 1.2, NES 3.0以上版本提供

描述:因为lastParen是静态的,它不是某个个别正则式的属性,你可以使用RegExp.lastParen 表达同样的意思。 
leftContext 最近一次匹配前面的子串,$`具有相同的意思。 RegExp的属性,静态,只读 
在JavaScript 1.2, NES 3.0以上版本提供

描述:因为leftContext是静态的,不是某一个正则表达式的属性,所以可以使用RegExp.leftContext来表达想同的意思。 
multiline 反映是否匹配多行文本,$*是相同的意思。 RegExp的属性,静态 
在JavaScript 1.2, NES 3.0以上版本提供

描述:因为multiline是静态的,而不是某个个别正则表达式的属性,所以能够用RegExp.multiline表达相同的意思。 
如果允许匹配多行文本,则multiline为true,如果搜索必须在换行时停止,则为false。 
脚本或浏览器能够设置multiline属性。当一个textarea的事件处理句柄被调用的时候,multiline 
被置为true。在事件处理句柄处理完毕后,multiline属性值被清除。也就是说,如果你设置了multiline为true,则执行任何的事件处理句柄后,multiline被置为false。 prototype 
描绘类的原型。你可以根据要求使用prototype来增加类的属性或方法。为了获得prototypes 的资料,请参阅RegExp的Function.prototype.Property属性。 从JavaScript 1.1, NES 2.0版本开始提供 
ECMA版本ECMA-262 rightContext 最后一次匹配的右边的字符串,$'是同样的效果。 
RegExp的属性,静态,只读 从 JavaScript 1.2, NES 3.0以上版本开始提供

描述:因为rightContext是静态的,不是某个个别正则表达工的属性,可以使用RegExp.rightContext来达到相同的效果。 
source 一个只读属性,包含正则表达式定义的模式,不包侨forward slashes和"g"或"i"标记。 RegExp的属性,只读 
从JavaScript 1.2, NES 3.0以上版本开始提供

描述:source是个别正则表达式对象的属性,你不能直接改变它的值,但可以通过调用compile 方法来改变它。 test 
执行指定字符串的正则表达式匹配搜索,返回true或false。 RegExp的方法 
从JavaScript 1.2, NES 3.0以上版本开始提供 语法:regexp.test([str])

参数:regexp,正则表达式的名称,可以是变量名或正则表达式定义文字串 
str,要匹配的字符串,如果省略,将使用RegExp.input的值为作参数

描述:当你需要知道一个字符串能否匹配某个正则表达工,可以使用test方法(与String.search方 
法类似); 为了获得更多的信息(但速度将变慢),可以使用exec方法(与String.match方法类似)。 例子:下面的例子显示test是否成功的提示:

function testinput(re, str){ 
if (re.test(str)) midstring = " contains "; 
else midstring = " does not contain "; 
document.write (str + midstring + re.source); } toSource

返回一个字符串象征对象的源码 RegExp的方法 从JavaScript 1.3以上版本开始提供 语法:toSource()

参数:没有 描述:toSource方法返回下述的值: 对于内置的RegExp对象,toSource返回下面的字符象征源码不可用: 
function Boolean(){ [native code] } 
在RegExp场合中, toSource返回象征源码的字符串,通常这个方法是由JavaScript内部自动调用而不是不代码中显式调用。 
更多请看Object.toSource toString 返回描绘指定对象的字符串。 RegExp的方法 
从JavaScript 1.1, NES 2.0开始提供 ECMA版本ECMA-262 语法:toString() 参数:无

描述:RegExp对象不考虑Object对象的toString方法;它不继承Object.toString,对于RegExp 对 
象,toString方法返回一个代表该对象的字符串。 例如:下面的例子显示象征RegExp对象的字符串 
myExp = new RegExp("a+b+c"); alert(myExp.toString()) 
displays "/a+b+c/" 更多请看:Object.toString valueOf 返回一个RegExp对象的原始值 
RegExp的方法 从JavaScript 1.1版本开始提供 ECMA版本:ECMA-262 语法:valueOf()

参数:无 描述:RegExp的valueOf方法以字符串形式返回RegExp对象的原始值,这个值与RegExp.toString相等。 
该方法通常由JavaScript内部自动调用而不是显式调用 例子: myExp = new RegExp("a+b+c"); 
alert(myExp.valueOf()) displays "/a+b+c/"


正则表达式在javascript中的几个实例1(转)

! 去除字符串两端空格的处理

如果采用传统的方式,就要可能就要采用下面的方式了 


采用正则表达式,来去除两边的空格,只需以下代码 
String.prototype.trim = function() 

return this.replace(/(^\s*)|(\s*$)/g, ""); 
}

一句就搞定了, 
可见正则表达式为我们节省了相当的编写代码量


! 移动手机号的校验

如果采用传统的校验方式至少就要完成下面三步的校验,

(1). 是否是数字

(2).是否是11位

(3).数字的第三位是否是5,6,7,8,9

如果采用正则表达式校验,只需以下代码


从上面的代码可以看出校验移动手机号只需定义一个var reg=/13[5,6,7,8,9]\d{8}/;模式匹配串就可以完成合法性校验了

! URL的校验, 
条件:必须以http:// 或 https:// 开头, 端口号必须为在1-65535 之间, 以下代码完成了合法性校验 


对url的校验,看上去有很多的代码,这是因为要给予出错提示, 否则只需var urlpatern1 =/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i; 一句就可以校验出url合法性了


正则表达式在JavaScript应用 

--------------------------------------------------------------
去掉字符串头尾多余的空格 
/g是全文查找所有匹配

function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g, "");}

function String.prototype.LTrim(){return this.replace(/(^\s*)/g, "");}

function String.prototype.RTrim(){return this.replace(/(\s*$)/g, "");}

-------------------------------------------------------------- 
应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}

-------------------------------------------------------------- 
应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:

String.prototype.trim = function() 

return this.replace(/(^\s*)|(\s*$)/g, ""); 

得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1

s="http://www.jb51.net/page1.htm" 
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2") 
alert(s)

##利用正则表达式限制网页表单里的文本框输入内容:

-------------------------------------------------------------- 
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'))"

-------------------------------------------------------------- 
用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'))"

-------------------------------------------------------------- 
用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'))"

-------------------------------------------------------------- 
用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'))" 
 

用正则表达式和javascript对表单进行全面验证 

使用时请将下面的javascript代码存到一个单一的js文件中。

1、表单要求 
<form name="formname" onSubmit="return validateForm(this)"></form> 
将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。

2、空值验证 
表单中任意域加上emptyInfo属性将对此域是否为空进行验证(可以和最大长度验证\一般验证方式同时使用)。 
无此属性视为此域允许空值。 
如:<input type="text" name="fieldNamename" emptyInfo="字段不能为空!">

3、最大长度验证(可以和空值验证、一般验证方式同时使用): 
<input type="text" name="fieldNamename" maxlength="20" lengthInfo="最大长度不能超过20!"> 
或,<textarea maxlength="2000" lengthInfo="最大长度不能超过2000!">

3、一般验证方式(不对空值做验证): 
如:<input type="text" validator="^(19|20)[0-9]{2}$" errorInfo="不正确的年份!" >

4、标准验证(不与其它验证方式同时使用): 
全部通过<input type="hidden">来实现,并且不需要name属性以免提交到服务器。

4.1、合法日期验证: 
<input type="text" name="yearfieldName" value="2004">注:这里也可以是<select name="yearfieldName"></select>,以下同
<input type="text" name="monthfieldName" value="02"> 
<input type="text" name="dayfieldName" value="03"> 
<input type="hidden" validatorType="DateGroup" year="yearfieldName" month="monthfieldName" day="dayfieldName" errorInfo="不正确的日期!">
yearfieldName、monthfieldName、dayfieldName分别为年月日字段,月和日可以是两位(MM)或一位格式(M), 
此处不对每个字段分别检验(如果要检验,请在年月日三个域分别使用前面的一般验证方式),只对日期的最大值是否合法检查;

4.2、日期格式验证(请注意,此验证不对日期是否有效进行验证,还未找到从格式中得到年月日数据的方法^_^): 
<input type="text" name="datefieldName" value="2003-01-03 21:31:00"> 
<input type="hidden" validatorType="Date" fieldName="datefieldName"; format="yyyy-MM-dd HH:mm:ss" errorInfo="不正确的日期!">
其中格式仅对y、M、d、H、m、s进行支持(其它字符视为非时间的字符)

4.3、列表验证: 
检验列表(checkbox、redio、select)是否至少选中了一条记录(对select主要用于多项选择) 
<input type="checkbox" name="checkbox1"> 
<input type="hidden" validatorType="Checkbox" fieldName="checkbox1" errorInfo="请至少选中一条记录!">
其中validatorType可以是Checkbox、R、Select; 
对于一个select表单,如果要求选择一条不能是第一条的记录,请用下列方式: 
<select name="select1" emptyInfo="请选择一个选项!"> 
<option value="">==请选择==</option> 
<option value="1">1</option> 
<select>

4.4、Email验证: 
<input type="text" name="email"> 
<input type="hidden" fieldName="email" validatorType="Email" separator="," errorInfo="不正确的Email!">
其中separator为可选项,表示输入多个email时的分隔符(无此选项只能是一个地址)

4.5、加入其它javascript操作: 
<script type="text/javascript"> 
function functionname(){ 
自定义方法 

</script> 
表单中加入<input type="hidden" validatorType="javascript" functionName="functionname">(此时emptyInfo等属性无效)
时将调用function属性中指定的javascript方法(要求方法返回true或false,返回false将不再验证表单,也不提交表单)。

5、在表单通过验证提交前disable一个按钮(也可将其它域disable,不能与其它验证同在一个域),不要求按钮是表单中的最后一个 
<input type="button" name="提交" validatorType="disable">

6、不验证表单 
<input type="hidden" name="validate" value="0" functionName="functionname"> 
当validator域值为0时不对表单进行验证,直接提交表单或执行指定function并返回true后提交表单 
functionName为可选 


标签: 正则表达式

评论(0) 引用(0) 浏览(226799)

js中return;、return true、return false的区别与理解

作者:MJ 发布于:2016-11-4 17:21 Friday 分类:JQuery

return; 和 return true; 这两个语法的理解是:
结束本JS函数的执行,并返回在它之前函数执行的结果,同时把控制权还给页面,让页面代码事件继续执行下去。

return false; 这个语法的理解是:
结束本JS函数的执行,并返回在它之前函数执行的结果,终止页面代码事件继续执行下去。

例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页,而在js中Return False 就相当于这个页面跳转事件的终止符,Return True 就相当于这个页面跳转事件的执行符。return false的作用一般是用来取消默认事件的。比如你单击一个链接除了触发你的onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果你想取消对象的默认事件就使用return false。

标签: return

评论(0) 引用(0) 浏览(227554)

JS判断字符串中是否含有数字和特殊字符

作者:MJ 发布于:2016-8-22 8:58 Monday 分类:JQuery

javaScript判断一个字符串中是否包括有数字和"-",在一些表单提交的地方,这是比较有用的常规判断,这里收集有几种不同的方法,包括普通的JS验证法、正则表达式法,另外还有判断是否为浮点数的js函数,在最后还将简要介绍下isNAN函数的使用方法和例子:
正则表达式方法判断是否为数字,包括判断正整数:

普通的JS函数方式:

判断是否是正数,也就是正整数:

判断字符串是是否是数字和其它符号组成,比如“-”:

判断是否为浮点数:

关于javascript的isNaN 函数:用法规则:isNaN(expression:Object) : Boolean。计算参数,如果值为 NaN(非数字),则返回 true。此函数可用于检查一个数学表达式是否成功地计算为一个数字。

可用性:Flash Player 5;ActionScript 1.0;参数expression:Object - 要计算的布尔值、变量或其它表达式。返回Boolean -布尔值。在提交表单中经常是这样用的:


评论(0) 引用(0) 浏览(220435)

JS获得当前网址:JS如何获得当前地址栏url地址

作者:MJ 发布于:2013-8-9 10:23 Friday 分类:JQuery

URL即:统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成:
scheme://host:port/path?query#fragment
scheme:通信协议
常用的http,ftp,maito等

host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号
整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

path:路径
由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

query:查询
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。

fragment:信息片断
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)

对于这样一个URL

http://gay.jijiwo.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere


我们可以用javascript获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: http://
gay.jijiwo.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol
URL 的协议部分
本例返回值:http:

3,window.location.host
URL 的主机部分
本例返回值:
gay.jijiwo.com

4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""

5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html

6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6

7,window.location.hash
锚点

本 例返回值:#imhere 那么就可以用这个方法取到指定参数: function hooyesQueryString(queryStringName){ var returnValue=""; var URLString=new String(document.location); var serachLocation=-1; var queryStringLength=queryStringName.length; do { serachLocation=URLString.indexOf(queryStringName+"\="); if (serachLocation!=-1) { if ((URLString.charAt(serachLocation-1)=='?') || (URLString.charAt(serachLocation-1)=='&')) { URLString=URLString.substr(serachLocation); break; } URLString=URLString.substr(serachLocation+queryStringLength+1); } } while (serachLocation!=-1) if (serachLocation!=-1) { var seperatorLocation=URLString.indexOf("&"); if (seperatorLocation==-1) { returnValue=URLString.substr(queryStringLength+1); } else { returnValue=URLString.substring(queryStringLength+1,seperatorLocation); } } return returnValue;}然后:hooyesQueryString("id")就取到id参数的值




评论(0) 引用(0) 浏览(252521)

京东商城商品对比特效JS代码

作者:MJ 发布于:2013-4-28 3:16 Sunday 分类:JQuery

这款代码是用JQ和CSS的结合仿爱乐活和京东商城商品列表页面的商品对比特效效果,点击商品图片下面的“对比”按钮就会把本商品的信息添加到旁边的商品对比栏里面,具体效果请运行下面这个代码进行演示:

 


标签: 商品对比特效

评论(0) 引用(0) 浏览(231199)

JS浮动对联广告代码

作者:MJ 发布于:2013-4-26 7:10 Friday 分类:JQuery

这个JS浮动对联广告代码是通过JS和CSS配合使用,可以让两边的对联广告紧贴在中间内容旁边,浮动在固定位置,达到非常显眼的广告效果,两边的广告宽度可以根据广告内容随意修改,两边广告的宽度可以不用一样宽,详情请运行下面的代码查看:

 


标签: 对联广告

评论(0) 引用(0) 浏览(259881)

摩天轮图片轮播特效 图片从左到右循环轮播的Jquery JS特效

作者:MJ 发布于:2012-10-9 7:54 Tuesday 分类:JQuery

这个摩天轮图片轮播特效是图片从左到右不断循环轮播展示,轮播的时候图片会产生从右向左滑过的效果,请看下面具体演示效果。


标签: 图片轮播 轮播特效

评论(0) 引用(0) 浏览(258060)

淘宝首页商品广告图片左右轮播 JQuery JS特效

作者:MJ 发布于:2012-9-28 9:53 Friday 分类:JQuery

淘宝首页商品广告图片左右轮播 JQuery JS特效,点击左边向左按钮,广告图片向左滚动。 点击右边边向右按钮,广告图片向右滚动。具体效果请查看下面 运行代码演示:

标签: 图片轮播 图片滚动轮播

评论(0) 引用(0) 浏览(235303)

服装商城网站商品展示JS特效 服装搭配展示JS特效

作者:MJ 发布于:2012-9-24 10:15 Monday 分类:JQuery

这个服装搭配展示JS特效,比较适用于服装商城网站进行商品展示,或用于淘宝网店 进行商品展示。特效效果是:当鼠标滑过某件商品模特展示图片时会显示出模特身上所搭配服装单品,具体效果请查看下面在线演示效果。

标签: 商城特效

评论(0) 引用(0) 浏览(270028)

JQuery + CSS 做出来的仿select下拉框美化特效JS代码!

作者:MJ 发布于:2012-9-13 9:18 Thursday 分类:JQuery

在制作网站页面的时候经常会碰到 CSS样式 对<select>下拉框标签起不到作用,CSS无法定义 <select>下拉框标签样式效果,如果不解决这个问题会导致我们无法完全一模一样做出UI设计的那种效果页面,严重影响网站的视觉体验。

既然目前CSS无法定义 <select>下拉框标签样式效果,那我们只能变换方法,可以考虑通过JQuery + CSS 的完美结合做出我们想要的select下拉框效果。下面就分享最近刚做的一个利用JQuery + CSS 做出来的仿select下拉框美化特效JS代码,请看下面演示代码。

标签: 下拉框美化 select美化 select样式

评论(25) 引用(0) 浏览(238506)

JQuery 增加、删除表格div层文本内容的JS代码

作者:MJ 发布于:2012-9-7 9:44 Friday 分类:JQuery

早上重构一个机票预定页面,页面有个增加和删除乘机人的功能,所以就用JQuery 的 .remove() 属性和.append() 属性写了一个有增加、删除div层文本内容效果的JS代码,具体可运行下面的代码进行演示查看,这个代码总共有两个JS效果:

1、 增加、删除div层文本内容

2、下拉框选择效果

第一个JS代码适用不需要给新增加表格div层里面input的name自动赋值的页面,代码会比较简洁,如果不需要给input的name赋上不同的值,建议使用这个代码。如果需要给input的name赋上不同的值请参考下面的第二个JS代码。



第二个JS代码适用需要给新增加表格div层里面input的name自动赋值的页面,会自动给input的name赋上相对应不同的值,代码比较复杂。


标签: 下拉框特效 JQuery 增加删除特效

评论(0) 引用(0) 浏览(252113)

Jquery 淘宝商城鼠标经过整个区域图片变暗变亮的JS代码

作者:MJ 发布于:2012-9-4 10:17 Tuesday 分类:JQuery

用Jquery写的仿淘宝商城首页鼠标经过整个区域图片变暗,唯有鼠标指到的那个图片变亮的JS代码


标签: 淘宝JS

评论(0) 引用(0) 浏览(248152)

jquery 点击小图(缩略图)显示大图浮动层JS特效

作者:MJ 发布于:2012-8-30 8:55 Thursday 分类:JQuery

用jquery写的点击小图(缩略图)显示大图浮动层JS特效,点击缩略图后会显示出隐藏的大图浮动层, 大图浮动层下面有一个黑色半透明背景层,大图浮动层垂直居中。


 

标签: 浮动层 隐藏层显示

评论(0) 引用(0) 浏览(267968)

JQuery 点击登录链接弹出边框透明的浮动登录框JS代码

作者:MJ 发布于:2012-8-27 9:19 Monday 分类:JQuery

下面这段JS代码是用 JQuery 写的,当点击页面的“登录” (按钮)连接,就会弹出显示有边框透明的浮动登录框隐藏层,点击“X”按钮关闭这个浮动登录框隐藏层。详情请看下面运行代码演示:

标签: 浮动层 隐藏层显示

评论(0) 引用(0) 浏览(251925)

jquery 天气预报+ 当前日期(当天日期、周几、农历时间)

作者:MJ 发布于:2012-8-22 4:21 Wednesday 分类:JQuery

分享jquery写的 天气预报+ 当前日期(当天日期、星期几、农历时间)JS代码,整合了天气预报JS代码、当期日期JS代码、当期日期农历时间代码。


标签: 天气预报 农历时间 当前日期

评论(0) 引用(0) 浏览(251974)

jquery JS 获取当前日期的农历时间

作者:MJ 发布于:2012-8-22 2:50 Wednesday 分类:JQuery

今天早上要做一个页面,页面里面有个功能是需要调用当前日期的农历时间,因为对这种算法不是很了解所以就没打算自己写,下面这段获取当前日期农历时间的jquery JS 代码是网上找的,只修改了一下输出形式,贴出来与大家分享下。

标签: 农历时间

评论(0) 引用(0) 浏览(239031)

jquery 天气预报——用jquery制作的当前城市最近三天天气预报

作者:MJ 发布于:2012-8-21 5:21 Tuesday 分类:JQuery

这段JS代码是通过jquery结合新浪天气预报接口调用出用户所在当前的城市最近三天天气预报,如果你需要使用这个天气预报JS代码,请记的要下载那些天气预报的图标,并修改weather_mj.js里面的图标路径,否则如果MJBlog无法访问的话那些天气图标也会无法显示。另外,在编码为UTF8的网页上新浪天气预报接口的数据貌似调用不出来

标签: 天气预报

评论(0) 引用(0) 浏览(241791)

通过jquery 获取用户当前所在的城市名称和IP地址

作者:MJ 发布于:2012-8-21 4:07 Tuesday 分类:JQuery

下面这段JS代码是通过jquery 结合新浪IP地址库和QQip地址库接口获取用户当前所在的城市(省份)名称、 用户当前IP地址等数据。其中当前IP是通过 QQip地址库接口获取,其他数据都是通过 新浪IP地址库接口获取。因为 QQip地址库速度较慢,所以IP地址经常会无法显示出来,要多刷新几次。获取到的这些数据具体作用可以结合自己的网站所需功能来用,本人主要是想通过获取到当前城市名称来调用新浪天气预报的当前城市天气预报信息,如:《jquery 天气预报代码》


评论(0) 引用(0) 浏览(236238)

JavaScript 获取当前日期和星期几 (JS获取当前时间的代码)

作者:MJ 发布于:2012-8-16 6:53 Thursday 分类:JQuery

这段简单的JS代码可以获取系统当前年月日期、时间以及周几,下面演示代码中因为 “S”的值被我去掉了 h(小时)、m(分钟)、se(秒),所以运行后会只显示当前年月日期和星期几,如果需要显示具体时间,可以向"S"值中加入你想显示的时间标签。


评论(0) 引用(0) 浏览(244081)

JQuery 广告图片轮播代码 幻灯片特效JS代码

作者:MJ 发布于:2012-8-14 8:54 Tuesday 分类:JQuery

这款图片轮播特效是用JQuery写的,当网页代码全部加载后自动播放,当鼠标滑过红色按钮停止播放,并显示与之想对应的轮播图片,鼠标移开后继续播放。 图片循环播放主要是使用setTimeout() 方法标签来实现,停止播放使用clearTimeout() 方法标签来实现,轮播图片使用.hide()和.fadeIn()来实现淡出淡入效果,具体请看下面的代码进行演示吧。


标签: 图片轮播

评论(0) 引用(0) 浏览(252667)

JQuery 点击伸缩展开+点击隐藏(显示)浮动层+点击返回顶部 JS特效

作者:MJ 发布于:2012-8-8 9:48 Wednesday 分类:JQuery

点击伸缩展开+点击隐藏(显示)浮动层+点击返回顶部JS特效,大div是绝对定位浮动层,点击导航条栏目会出现伸缩展开隐藏层特效,当滚动滚动条时”返回顶部“隐藏按钮就会出现,点击”返回顶部“ 按钮返回网页顶部,点击“关闭”按钮就会关闭整个浮动层,出现"论坛栏目导航"隐藏层,这边不多说了,想看具体效果就直接运行演示吧。


评论(0) 引用(0) 浏览(250343)

导航条JS特效 当鼠标滑过一级栏目连接显示隐藏的二级栏目层

作者:MJ 发布于:2012-8-8 5:18 Wednesday 分类:JQuery

导航条JS特效 当鼠标滑过一级栏目连接显示隐藏的二级栏目层


标签: 导航条 JS特效

评论(0) 引用(0) 浏览(262874)

Powered by 588cy.com