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.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
Aug 09 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
Aug 25 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 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的面试题集
2006/11/19 PHP
提高PHP编程效率 引入缓存机制提升性能
2010/02/15 PHP
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
浅析php过滤html字符串,防止SQL注入的方法
2013/07/02 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
2014/07/22 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
golang与PHP输出excel示例
2016/07/22 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
PHP获取远程http或ftp文件的md5值的方法
2019/04/15 PHP
提高代码性能技巧谈—以创建千行表格为例
2006/07/01 Javascript
利用javascript解决图片缩放及其优化的代码
2012/05/23 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
AngularJS指令与控制器之间的交互功能示例
2016/12/14 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
2019/05/31 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
python实现sublime3的less编译插件示例
2014/04/27 Python
Django在Win7下的安装及创建项目hello word简明教程
2014/07/14 Python
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
Python中正反斜杠(‘/’和‘\’)的意义与用法
2019/08/12 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
大学生毕业的自我鉴定
2013/11/13 职场文书
运动会通讯稿150字
2014/02/15 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书