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 相关文章推荐
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
Apr 01 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
Nov 06 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
AngularJS 前台分页实现的示例代码
Jun 07 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 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 删除数组元素
2009/01/16 PHP
测试php函数的方法
2013/11/13 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
2015/04/12 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
node.js中grunt和gulp的区别详解
2017/07/17 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
微信小程序按钮点击动画效果的实现
2019/09/04 Javascript
python实现目录树生成示例
2014/03/28 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
JSONLINT:python的json数据验证库实例解析
2017/11/28 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
python 实现多维数组转向量
2019/11/30 Python
使用python爬取抖音app视频的实例代码
2020/12/01 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
中班中秋节活动反思
2014/02/18 职场文书
投资协议书范本
2014/04/21 职场文书
3分钟演讲稿
2014/04/30 职场文书
财会专业大学生求职信
2014/09/26 职场文书
2014年材料员工作总结
2014/11/19 职场文书
先进工作者推荐材料
2014/12/23 职场文书
劳模先进事迹材料
2014/12/24 职场文书