浅谈js中test()函数在正则中的使用

 更新时间:2016年08月19日 09:50:32   投稿:jingxian  
下面小编就为大家带来一篇浅谈js中test()函数在正则中的使用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

test() 方法用于检测一个字符串是否匹配某个模式.

返回一个 Boolean 值,它指出在被查找的字符串中是否匹配给出的正则表达式。

regexp.test(str)

参数

regexp 必选项。包含正则表达式模式或可用标志的正则表达式对象。

str    必选项。要在其上测试查找的字符串。

说明

test 方法检查字符串是否与给出的正则表达式模式相匹配,如果是则返回 true,否则就返回 false。

每个正则表达式都有一个 lastIndex 属性,用于记录上一次匹配结束的位置.

var re = /^[1-9]{4,10}$/gi;
var str = "123456";
alert(re.test(str));   //返回true

// 执行上面的 test 之后我们可以弹出

alert(re.lastIndex); // 弹出6

即表示上一次在第6个字符之后结束

那么下一次再调用 test 的时候, 就会从第6个字符之后继续搜索

解决办法,将正则表达式的 lastIndex 属性设置为0

具体代码如下

<script type="text/javascript">
var re = /^[1-9]{4,10}$/gi;
var str = "123456";
alert(re.test(str));   //返回true
re.lastIndex=0;
alert(re.test(str));   //返回true
</script>

JavaScript表单验证email邮箱,判断一个输入量是否为邮箱email,通过正则表达式实现。

//检查email邮箱

function check(){
var email=document.getElementById("email").value;
var isemail=/^[a-z]([a-z0-9]*[-_]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[\.][a-z]{2,3}([\.][a-z]{2})?$/i;
if (email=="") {
   alert("请输入您的邮箱!");
   return false;
  }
if (email.length>25){
   alert("长度太长");
   return false
}
if (!isemail.test(email)){
   alert("不是邮箱");
  return false;
}
}

以上这篇浅谈js中test()函数在正则中的使用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • javascript div 弹出可拖动窗口

    javascript div 弹出可拖动窗口

    创建弹出div窗口。
    2009-02-02
  • js实现菜单跳转效果

    js实现菜单跳转效果

    这篇文章主要为大家详细介绍了js实现菜单跳转效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JS之小练习代码

    JS之小练习代码

    初学者不建议看,这些都是用类实现的代码,高手推荐学习
    2008-10-10
  • 基于JS2Image实现圣诞树代码

    基于JS2Image实现圣诞树代码

    马上圣诞节了,作为一名程序猿,如何体现自己独特的过节风格,如何在朋友圈发一张专属自己的祝福照片我觉得很有必要,你们说是不是
    2015-12-12
  • JavaScript判断变量是否为undefined的两种写法区别

    JavaScript判断变量是否为undefined的两种写法区别

    这篇文章主要是对JavaScript判断变量是否为undefined的两种写法区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • js 判断checkbox是否选中的实现代码

    js 判断checkbox是否选中的实现代码

    大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。
    2010-11-11
  • 解决JS组件bootstrap table分页实现过程中遇到的问题

    解决JS组件bootstrap table分页实现过程中遇到的问题

    这篇文章主要介绍了JS组件bootstrap table分页实现过程中遇到的问题,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 深入理解JavaScript和TypeScript中的class

    深入理解JavaScript和TypeScript中的class

    class 声明创建一个基于原型继承的具有给定名称的新类,下面这篇文章主要给大家介绍了关于JavaScript和TypeScript中class的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2018-04-04
  • JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

    JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

    这篇文章主要介绍了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法,结合实例形式分析了javascript通过针对单击onclick事件增加定时器进行onClick事件与onDblClick事件的区别判定操作,需要的朋友可以参考下
    2018-06-06
  • JavaScript模仿Pinterest实现图片预加载功能

    JavaScript模仿Pinterest实现图片预加载功能

    图片预加载是web开发中一种应用相当广泛的技术,比如我们在做图片翻转显示等特效的时候,为了让图片在转换的时候不出现等待,我们最好是先让图片下载到本地,然后在继续执行后续的操作。今天本文主要介绍的是利用JS模仿Pinterest图片社交网站的图片预加载功能。
    2016-10-10

最新评论