`
pavel
  • 浏览: 930506 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE和火狐关于正则验证的一个问题/g/m

阅读更多

最近一个项目中做的一个前台的手机验证

(/^13\d{9}$/g.test(str2))||(/^15\d{9}$/g.test(str2))||(/^18\d{9}$/g.test(str2)) //以13.15.18开头的11位数字

ie正常通过,但是火狐在经过两次同样的验证之后,两次的返回结果相反,无法通过验证。(必须去掉/g)

 

总结1:附件参数g的用法

表达式加上参数g之后,表明可以进行全局匹配,注意这里“可以”的含义。我们详细叙述:

1)对于表达式对象的exec方法,不加入g,则只返回第一个匹配,无论执行多少次均是如此,如果加入g,则第一次执行也返回第一个匹配,再执行返回第二个匹配,依次类推。例如
var regx=/user\d/;
var str=“user18dsdfuser2dsfsd”;
var rs=regx.exec(str);//此时rs的值为{user1}
var rs2=regx.exec(str);//此时rs的值依然为{user1}
如果regx=/user\d/g;则rs的值为{user1},rs2的值为{user2}
通过这个例子说明:对于exec方法,表达式加入了g,并不是说执行exec方法就可以返回所有的匹配,而是说加入了g之后,我可以通过某种方式得到所有的匹配,这里的“方式”对于exec而言,就是依次执行这个方法即可。

2)对于表达式对象的test方法,加入g于不加上g没有什么区别(对火狐不适用)

3)对于String对象的match方法,不加入g,也只是返回第一个匹配,一直执行match方法也总是返回第一个匹配,加入g,则一次返回所有的匹配(注意这与表达式对象的exec方法不同,对于exec而言,表达式即使加上了g,也不会一次返回所有的匹配)。例如:
var regx=/user\d/;
var str=“user1sdfsffuser2dfsdf”;
var rs=str.match(regx);//此时rs的值为{user1}
var rs2=str.match(regx);//此时rs的值依然为{user1}
如果regx=/user\d/g,则rs的值为{user1,user2},rs2的值也为{user1,user2}

4)对于String对象的replace方法,表达式不加入g,则只替换第一个匹配,如果加入g,则替换所有匹配。(开头的三道测试题能很好的说明这一点)

5)对于String对象的split方法,加上g与不加g是一样的,即:
var sep=/user\d/;
var array=“user1dfsfuser2dfsf”.split(sep);
则array的值为{dfsf, dfsf}
此时sep=/user\d/g,返回值是一样的。

6)对于String对象的search方法,加不加g也是一样的。

总结2:附加参数m的用法

附加参数m,表明可以进行多行匹配,但是这个只有当使用^和$模式时才会起作用,在其他的模式中,加不加入m都可以进行多行匹配(其实说多行的字符串也是一个普通字符串),我们举例说明这一点

1)使用^的例子
var regx=/^b./g;
var str=“bd76 dfsdf
sdfsdfs dffs
b76dsf sdfsdf”;
var rs=str.match(regx);
此时加入g和不加入g,都只返回第一个匹配{bd},如果regx=/^b./gm,则返回所有的匹配{bd,b7},注意如果regx=/^b./m,则也只返回第一个匹配。所以,加入m表明可以进行多行匹配,加入g表明可以进行全局匹配,综合到一起就是可以进行多行全局匹配

2)使用其他模式的例子,例如
var regx=/user\d/;
var str=“sdfsfsdfsdf
sdfsuser3 dffs
b76dsf user6”;
var rs=str.match(regx);
此时不加参数g,则返回{user3},加入参数g返回{user3,user6},加不加入m对此没有影响。

3)因此对于m我们要清楚它的使用,记住它只对^和$模式起作用,在这两种模式中,m的作用为:如果不加入m,则只能在第一行进行匹配,如果加入m则可以在所有的行进行匹配。我们再看一个^的例子
var regx=/^b./;
var str=“ret76 dfsdf
bjfsdfs dffs
b76dsf sdfsdf”;
var rs=str.match(regx);
此时rs的值为null,如果加入g,rs的值仍然为null,如果加入m,则rs的值为{bj}(也就是说,在第一行没有找到匹配,因为有参数m,所以可以继续去下面的行去找是否有匹配),如果m和g都加上,则返回{bj,b7}(只加m不加g说明,可以去多行进行匹配,但是找到一个匹配后就返回,加入g表明将多行中所有的匹配返回,当然对于match方法是如此,对于exec呢,则需要执行多次才能依次返回)

总结3:在HTML的textarea输入域中,按一个Enter键,对应的控制字符为“\r\n”,即“回车换行”,而不是“\n\r”,即“换行回车”,我们看一个前面我们举过的例子:
var regx=/a\r\nbc/;
var str=“a
bc”;
var rs=regx.exec(str);
结果:匹配成功,rs的值为:{ },如果表达式为/a\n\rbc/,则不会被匹配,因此在一般的编辑器中一个”Enter”键代表着“回车换行”,而非“换行回车”,至少在textarea域中是这样的。

分享到:
评论

相关推荐

    javascript验证只能输入数字(兼容IE和火狐)

    本话题将详细介绍如何使用JavaScript实现一个功能,即验证用户只能输入数字,并且这个验证方法要兼容Internet Explorer(IE)和Firefox这两个主流浏览器。 首先,我们需要理解JavaScript的基本语法,特别是在处理...

    常用js正则的写法

    客户端的分辨率可以通过`window.screen.width`和`window.screen.height`属性来获取,但无法通过正则表达式来直接验证: ```javascript // 获取客户端分辨率 function GetScreenResolution() { return { width: ...

    js验证控件,兼容IE,FireFox,Opera

    在这个特定的案例中,Gsvalidator是一个跨浏览器的JavaScript验证库,特别强调了对主流浏览器的兼容性,包括Internet Explorer(IE)、Firefox和Opera。 JavaScript验证的优势在于,它可以在客户端实时进行,减少了...

    JavaScript 正则表达式 验证整数、小数、实数、有效位小数最简单

    说明:IE6.0、IE7.0、IE8.0、Firefox/3.0.11下测试通过 验证数字最简单正则表达式大全 输入完按回车后即可验证!(自认为最简单!) 正整数: 负整数: 整 数: 正小数: 负小数: 小 数: 实 数: ...

    js正则表达式验证邮件地址

    我们最经常遇到的验证,就是电子邮件地址验证。...源代码如下,该网页已在IE、Firefox、Chrome上验证通过: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T

    正则表达式{n,m}量词(至少n次,最多m次)

    在浏览器的支持方面,主流浏览器如Internet Explorer(IE),Mozilla Firefox(火狐),和Google Chrome(谷歌)都支持正则表达式的{n,m}量词。这意味着开发者可以放心地在多种浏览器环境中使用这种量词而不必担心兼容性...

    常用的正则表达式,希望大家喜欢

    该正则用于匹配浏览器的版本信息,如IE、Firefox等。 ##### 2. 电话号码格式验证 ```regex (\(\d{3}\)|\d{3}?\d{8}) ``` 这个正则表达式用于验证电话号码的格式,支持带区号(括号内)或不带区号的电话号码。 ####...

    验证文本框只能输入数字和小数点

    2. **增强兼容性**:虽然当前代码已经考虑了IE和Firefox的兼容问题,但还可以进一步测试其他现代浏览器如Chrome、Safari等。 3. **性能优化**:对于大型应用,可以通过增加缓存机制来避免频繁的字符串操作,从而提升...

    js表单验证工具

    此工具已经过IE、Chrome和Firefox的测试,说明开发者考虑到了兼容性问题。 7. **性能优化**:良好的性能意味着验证过程快速且不会阻碍用户交互。可能采用了延迟验证策略(如debounce或throttle),避免频繁无效的...

    javascript 数字的正则表达式集合

    值得注意的是,本集合中的正则表达式可以在IE6.0、IE7.0、IE8.0、Firefox/3.0.11等浏览器环境下进行测试,确保其通用性和兼容性。 通过理解和运用这些正则表达式,开发者可以为各种数字验证场景编写出高效且精确的...

    一个非常强大完整的web表单验证程序

    表单的验证一直是网页设计者头痛的问题,表单验证... <br> 运行环境(客户端): <br> 在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过;  在Lunix RedHat 9下的Netscape测试通过;

    基于自定义属性的客户端统一验证JavaScript函数库(ChkInputs)

    所支持的浏览器包括IE、Firefox、Opera、傲游、腾讯、KylinBrowser、世界之窗等各种浏览器。 更新地址: http://download.csdn.net/source/3126615 http://download.csdn.net/source/3246482 传统的Web中服务器...

    js表单验证 表单验证类 整合

    js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,...在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过; 在Lunix RedHat 9下的Netscape测试通过;

    jQuery+正则+文本框只能输入数字的实现方法

    由于不同浏览器对`e.preventDefault()`和`e.returnValue`的支持不同,需要对IE和Firefox等浏览器进行兼容性处理。上述代码中的JavaScript函数`checkkey2`通过检查`window.event`和`e`对象来判断浏览器类型,从而...

    js在客户端验证密码强度,兼容FireFox和IE

    本文将深入探讨如何使用JavaScript编写一个兼容Firefox和IE的密码强度验证函数。 首先,我们可以看到一个名为`EvaluatePassword`的函数,它用于评估密码强度。这个函数会检查密码是否为空、长度是否小于6,以及密码...

    JS 正则表达式判断各个浏览器代码详解

    在实现过程中,作者提到有一个疑问,关于正则表达式`firefox\/([\d.]+)`与`firefox\/([\d\.]+)`的区别。实际上,这两个表达式是等效的,因为点号在正则表达式中默认表示任意单个字符,并不需要转义。但是在上述示例...

    jquery实现表单验证

    本篇文章将深入探讨如何利用jQuery在ASP.NET环境中实现表单验证,同时兼顾IE和Firefox等主流浏览器的兼容性。 首先,我们需要引入jQuery库。在HTML文档的`<head>`部分,通过`<script>`标签引入jQuery的核心库,如:...

    正则表达式\d元字符(相对于数字0-9)

    在浏览器的支持方面,主流浏览器如Internet Explorer(IE)、Mozilla Firefox(火狐)以及Google Chrome(谷歌)都支持使用\d元字符进行正则表达式的构造和匹配操作。在JavaScript编程中,可以通过提供的实例代码来...

    js表单验证Validator.js

    5. **兼容性**:考虑到广泛使用的浏览器环境,`Validator.js` 通常会支持主流的浏览器,包括IE、Firefox、Chrome、Safari和Opera等,确保在多平台上的稳定运行。 ### 使用方法 1. **引入库**:将`Validator.js` ...

Global site tag (gtag.js) - Google Analytics