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


Posted in Javascript onAugust 19, 2016

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 相关文章推荐
面向对象的编程思想在javascript中的运用上部
Nov 20 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 15 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
vue实现简单瀑布流布局
May 28 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
JavaScript如何优化逻辑判断代码详解
Jun 08 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 #Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
Aug 19 #Javascript
Angular中$cacheFactory的作用和用法实例详解
Aug 19 #Javascript
AngularJS入门教程之更多模板详解
Aug 19 #Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 #Javascript
JS获取当前页面名称的简单实例
Aug 19 #Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 #Javascript
You might like
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
PHP 文件系统详解
2012/09/13 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
ThinkPHP5&amp;5.1实现验证码的生成、使用及点击刷新功能示例
2020/02/07 PHP
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
创建一般js对象的几种方式
2017/01/19 Javascript
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
什么时候需要进行强制类型转换
2016/09/03 面试题
教师党员个人整改措施
2014/10/27 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
2019年大学生暑期社会实践调查报告模板
2019/11/07 职场文书
使用MybatisPlus打印sql语句
2022/04/22 SQL Server