JS正则表达式封装与使用操作示例


Posted in Javascript onMay 15, 2019

本文实例讲述了JS正则表达式封装与使用操作。分享给大家供大家参考,具体如下:

对一些简单的输入进行正则判断的整理,待优化

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>正则表达式封装</title>
</head>
<body>
<script>
  //邮箱
  var emailReg = /^([a-z0-9A-Z_]+[-|\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\.)+[a-zA-Z]{2,}$/;
  //手机号
  var mobileReg = /^0?1(3|4|5|7|8)\d{9}$/;
  //电话号码
  var telReg = /(^[0-9]{3,4}-[0-9]{7,8}-[0-9]{3,4}$)|(^[0-9]{3,4}-[0-9]{7,8}$)|(^[0-9]{7,8}-[0-9]{3,4}$)|(^[0-9]{7,15}$)/;
  var domainReg = /http:\/\/.+/;
  var zipcodeReg = /^[0-9]{6}$/;
  //数字
  var numReg = /^[0-9]+$/;
  //身份证
  var isIDCardReg=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
  //用户名
  var userNameReg = /^[_a-zA-Z0-9\u4E00-\u9FFF]{2,20}/;
  //中文
  var zh = /[\u4E00-\u9FFF]/g;
  var httpUrl=/[a-zA-z]+:\/\/[^s]*/;
  var doubleReg=/((^0\.)|(^[1-9]+[0-9]*\.\d)$)|(^[1-9]+[0-9]*$)/;
  function checkEmail(email) {
    return emailReg.test(email);
  }
  function checkDouble(double) {
    return doubleReg.test(double);
  }
  function checkHttpUrl(url) {
    return httpUrl.test(url);
  }
  function checkIsIDCard(isIDCard) {
    return isIDCardReg.test(isIDCard);
  }
  function checkMobile(mobile) {
    return mobileReg.test(mobile);
  }
  function checkTel(tel) {
    return telReg.test(tel);
  }
  function checkDomain(domain) {
    return domainReg.test(domain);
  }
  function checkZipcode(zipcode) {
    return zipcodeReg.test(zipcode);
  }
  function checkNum(num) {
    return numReg.test(num);
  }
  function checkUserName(userName) {
    if(userName=="") {
      return false;
    }
    var len = userName.length;
    var m = userName.match(this.zh);
    if(m != null) {
      len += m.length;
    }
    return userNameReg.test(userName) && (len>=4 && len<=32);
  }
  var phone="1839094574";
  console.log(checkMobile(phone));
</script>
</body>
</html>

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可得到如下运行结果:

JS正则表达式封装与使用操作示例

Javascript 相关文章推荐
jQuery对表单元素的取值和赋值操作代码
May 19 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
Jun 06 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
javascript实时显示北京时间的方法
Mar 12 Javascript
js实现密码强度检验
Jan 15 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
vue实现分页组件
Jun 16 Javascript
一文了解vue-router之hash模式和history模式
May 31 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
微信小程序实现授权登录
May 15 #Javascript
基于vue实现一个神奇的动态按钮效果
May 15 #Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 #Javascript
详解VSCode配置启动Vue项目
May 14 #Javascript
微信小程序下拉菜单效果的实例代码
May 14 #Javascript
jquery+css实现Tab栏切换的代码实例
May 14 #jQuery
jquery实现二级导航下拉菜单效果实例
May 14 #jQuery
You might like
php调用Google translate_tts api实现代码
2013/08/07 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
JQuery 插件制作实践 xMarquee插件V1.0
2010/04/02 Javascript
jquery图片上下tab切换效果
2011/03/18 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
关于react-router的几种配置方式详解
2017/07/24 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
Python操作CouchDB数据库简单示例
2015/03/10 Python
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
Python socket连接中的粘包、精确传输问题实例分析
2020/03/24 Python
Python中and和or如何使用
2020/05/28 Python
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
移风易俗倡议书
2014/04/15 职场文书
汽车维修专业自荐书
2014/05/26 职场文书
5.12护士节活动总结
2015/02/10 职场文书
超强台风观后感
2015/06/09 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书