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 相关文章推荐
JS中剪贴板兼容性、判断复制成功或失败
Mar 09 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
js判断是否为ie的方法小结
Jan 13 Javascript
JavaScript中exec函数用法实例分析
Jun 08 Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
Node.js之网络通讯模块实现浅析
Apr 01 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
vue.js实现h5机器人聊天(测试版)
Jul 16 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
Oct 31 Javascript
微信小程序实现授权登录
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中用foreach来操作数组的代码
2011/07/17 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
浅析ThinkPHP中execute和query方法的区别
2014/06/13 PHP
thinkphp的静态缓存用法分析
2014/11/29 PHP
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
React Native 集成jpush-react-native的示例代码
2017/08/16 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
2019/11/13 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
安装python时MySQLdb报错的问题描述及解决方法
2018/03/20 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
python能做什么 python的含义
2019/10/12 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
斯凯奇新西兰官网:SKECHERS新西兰
2018/02/22 全球购物
股东合作协议书范本
2014/04/14 职场文书
一岗双责责任书
2014/04/15 职场文书
小学生国旗下演讲稿
2014/04/25 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
五四演讲稿范文
2014/09/03 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS
基于Python实现的购物商城管理系统
2021/04/27 Python
vue 给数组添加新对象并赋值
2022/04/20 Vue.js
Golang入门之计时器
2022/05/04 Golang