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 相关文章推荐
网站被黑的假象--ARP欺骗之页面中加入一段js
May 16 Javascript
基于jquery用于查询操作的实现代码
May 10 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
JQuery中clone方法复制节点
May 18 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
小程序组件之仿微信通讯录的实现代码
Sep 12 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
JS自定义滚动条效果
Mar 13 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
微信小程序实现授权登录
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单例模式与工厂模式详解
2017/08/29 PHP
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
Node调试工具JSHint的安装及配置教程
2014/05/27 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
2016/01/23 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
基于打包工具Webpack进行项目开发实例
2018/05/29 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
github配置使用指南
2014/11/18 Python
Python实现LRU算法的2种方法
2015/06/24 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
PyTorch实现ResNet50、ResNet101和ResNet152示例
2020/01/14 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
车间班组长岗位职责
2013/11/13 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
校园活动宣传方案
2014/03/28 职场文书
初中学校对照检查材料
2014/08/19 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
MySQL新手入门进阶语句汇总
2022/09/23 MySQL