侯体宗的博客
  • 首页
  • Hyperf版
  • beego仿版
  • 人生(杂谈)
  • 技术
  • 关于我
  • 更多分类
    • 文件下载
    • 文字修仙
    • 中国象棋ai
    • 群聊
    • 九宫格抽奖
    • 拼图
    • 消消乐
    • 相册

12个常用的js正则表达式

前端  /  管理员 发布于 4年前   310

在这篇文章里,我已经编写了12个超有用的正则表达式,这可是WEB开发人员的最爱哦。

1.在input框中只能输入金额,其实就是只能输入最多有两位小数的数字

//第一种在input输入框限制  <input type="text" maxlength="8" class="form-control" id="amount" style="margin-right: 2px;" value="" onChange="count();" onkeyup="if (this.value==this.value2) return; if (this.value.search(/^\d*(?:\.\d{0,2})?$/)==-1) this.value=(this.value2)?this.value2:'';else this.value2=this.value;">元 //第二种对于表单动态增加的方式,只能在js方法中验证。  var amount=$("#amount").val();  if (amount.search(/^\d*(?:\.\d{0,2})?$/)==-1) {    alert("金额格式不对,最多有两位小数");    return false; } 

2.验证邮箱格式

var reg=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;  var email=$("#email").val();  if(!reg.test(email) ){     alert("请输入符合规范的邮箱账号!");     return false;    } 

3.密码采用数字、字母、特殊字符且长度为8-20位 

function validatePwd(str) { if (/^.*?[\d]+.*$/.test(str) && /^.*?[A-Za-z]/.test(str) && /^.*?[~/`!@#$%^&*()_+|{}?;:><\-\]\\[\/].*$/.test(str) && /^.{8,20}$/.test(str)) { return true; } return false; } 

4.验证电话号码

/**  * 验证电话号码  * @param phoneValue 要验证的电话号码  * @returns 匹配返回true 不匹配返回false  */ function validatePhone(phoneValue) {  phoneValue = valueTrim(phoneValue);  var reg = /^[1][0-9]{10}$/;  return reg.test(phoneValue); } 

5.判断是否是汉字

/**  * 判断是否是汉字  *  * @param charValue  *   要验证的数据  * @returns 匹配返回true 不匹配返回false  */ function isCharacter(charValue) {  var reg = /^[\u4e00-\u9fa5]{0,}$/;  return reg.test(charValue); } 

6.是否为字母:true:是,false:不是

function isChar(charValue){  var charPattern=/^[a-zA-Z]*$/; //是否为字母  result=charPattern.test(charValue);  return result; } 

7.判断是否为数字

function isNum(numValue){  var numPattern=/^\d*$/; //数字的正则表达式  result=numPattern.test(numValue);  return result; } 

8.整数的正则表达式

function isInt(intValue){   var intPattern=/^0$|^[1-9]\d*$/; //整数的正则表达式  result=intPattern.test(intValue);   return result;  } 

9.是否为字母和数字

 function isCharNum(flagValue){  var flagPattern=/^[a-zA-Z0-9]*$/; //是否为字母和数字  result=flagPattern.test(flagValue);  return result; } 

10.检验18位身份证号码 

/**  * 检验18位身份证号码(15位号码可以只检测生日是否正确即可,自行解决)  *  * @param idCardValue  *   18位身份证号  * @returns 匹配返回true 不匹配返回false  */ function idCardVildate(cid) { var arrExp = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];// 加权因子 var arrValid = [ 1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2 ];// 校验码 var reg = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/; if (reg.test(cid)) { var sum = 0, idx; for (var i = 0; i < cid.length - 1; i++) { // 对前17位数字与权值乘积求和 sum += parseInt(cid.substr(i, 1), 10) * arrExp[i]; } // 计算模(固定算法) idx = sum % 11; // 检验第18为是否与校验码相等 return arrValid[idx] == cid.substr(17, 1).toUpperCase(); } else { return false; } } 

11.验证15位数身份证号码中的生日是否是有效生日

function isValidityBrithBy15IdCard(idCard15) {  var year = idCard15.substring(6, 8);  var month = idCard15.substring(8, 10);  var day = idCard15.substring(10, 12);  var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));  // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法  if (temp_date.getYear() != parseFloat(year)    || temp_date.getMonth() != parseFloat(month) - 1    || temp_date.getDate() != parseFloat(day)) {   return false;  } else {   return true;  } } 

12.验证18位数身份证号码中的生日是否是有效生日

function isValidityBrithBy18IdCard(idCard18) {  var year = idCard18.substring(6, 10);  var month = idCard18.substring(10, 12);  var day = idCard18.substring(12, 14);  var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));  // 这里用getFullYear()获取年份,避免千年虫问题  if (temp_date.getFullYear() != parseFloat(year)    || temp_date.getMonth() != parseFloat(month) - 1    || temp_date.getDate() != parseFloat(day)) {   return false;  } else {   return true;  } }

这就是小编整理的web开发中常用的表单验证的正则表达式,希望大家喜欢。


  • 上一条:
    重温JavaScript中的正则表达式 js学习笔记
    下一条:
    利用php做服务器和web前端的界面进行交互
  • 昵称:

    邮箱:

    0条评论 (评论内容有缓存机制,请悉知!)
    最新最热
    • 分类目录
    • 人生(杂谈)
    • 技术
    • linux
    • Java
    • php
    • 框架(架构)
    • 前端
    • ThinkPHP
    • 数据库
    • 微信(小程序)
    • Laravel
    • Redis
    • Docker
    • Go
    • swoole
    • Windows
    • Python
    • 苹果(mac/ios)
    • 相关文章
    • 使用 Alpine.js 排序插件对元素进行排序(0个评论)
    • 在js中使用jszip + file-saver实现批量下载OSS文件功能示例(0个评论)
    • 在vue中实现父页面按钮显示子组件中的el-dialog效果(0个评论)
    • 使用mock-server实现模拟接口对接流程步骤(0个评论)
    • vue项目打包程序实现把项目打包成一个exe可执行程序(0个评论)
    • 近期文章
    • 在go语言中使用api.geonames.org接口实现根据国际邮政编码获取地址信息功能(1个评论)
    • 在go语言中使用github.com/signintech/gopdf实现生成pdf分页文件功能(0个评论)
    • gmail发邮件报错:534 5.7.9 Application-specific password required...解决方案(0个评论)
    • 欧盟关于强迫劳动的规定的官方举报渠道及官方举报网站(0个评论)
    • 在go语言中使用github.com/signintech/gopdf实现生成pdf文件功能(0个评论)
    • Laravel从Accel获得5700万美元A轮融资(0个评论)
    • 在go + gin中gorm实现指定搜索/区间搜索分页列表功能接口实例(0个评论)
    • 在go语言中实现IP/CIDR的ip和netmask互转及IP段形式互转及ip是否存在IP/CIDR(0个评论)
    • PHP 8.4 Alpha 1现已发布!(0个评论)
    • Laravel 11.15版本发布 - Eloquent Builder中添加的泛型(0个评论)
    • 近期评论
    • 122 在

      学历:一种延缓就业设计,生活需求下的权衡之选中评论 工作几年后,报名考研了,到现在还没认真学习备考,迷茫中。作为一名北漂互联网打工人..
    • 123 在

      Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..
    • 原梓番博客 在

      在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..
    • 博主 在

      佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..
    • 1111 在

      佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..
    • 2016-10
    • 2016-11
    • 2017-06
    • 2017-07
    • 2017-08
    • 2017-09
    • 2017-10
    • 2017-11
    • 2018-03
    • 2018-04
    • 2018-05
    • 2018-06
    • 2018-09
    • 2018-11
    • 2018-12
    • 2019-02
    • 2020-03
    • 2020-04
    • 2020-05
    • 2020-06
    • 2021-04
    • 2021-05
    • 2021-07
    • 2021-08
    • 2021-09
    • 2021-10
    • 2021-11
    • 2022-08
    • 2022-09
    • 2022-10
    • 2022-11
    • 2022-12
    • 2023-01
    • 2023-02
    • 2023-03
    • 2023-04
    • 2023-05
    • 2023-06
    • 2023-07
    • 2023-09
    • 2023-10
    • 2023-11
    • 2023-12
    • 2024-01
    • 2024-02
    • 2024-03
    • 2024-04
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客