前端正则表达式记录

最新推荐文章于 2024-01-25 15:25:33 发布
最新推荐文章于 2024-01-25 15:25:33 发布
阅读量361 收藏 2
点赞数
分类专栏： js 文章标签： 正则匹配大全 正则表达式符号 正则表达式方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuteyDan/article/details/79686394
版权
正则表达式定义
 

字符

\d:数字（\d\d:匹配两个，以此类推）  \D:非数字
 
\b:独立部分  \B:非独立部分
 

\s:空格   \S:非空格

\w:字符（包含数字，字母，下划线）  \W:非字符（汉字是非字符）

/g:全局匹配

i:不区分大小写

+：至少出现一次

$:必须以谁结束

. :匹配任意字符

\. :匹配真正的点

*:至少0个，最多不限

[]:或

^：非/ ^  /   或者以谁开始 /[^  ]/

 

 

正则表达式方法

1、test：匹配字符串
写法：正则.test(字符串); //返回布尔值
 
2、search
写法：字符串.search(正则); //成功：返回匹配成功的位置（位置从0开始，空格也算一个位置），失败：返回-1
注：i：正则默认区分大小写，如果不需要区分，在正则的最后加i
g :全局匹配，找出所有匹配项
 
3、match
写法：字符串.match(正则); //成功：返回数组，失败：返回null
 
4、replace
写法：字符串.replace（正则，新的字符串）; //成功：匹配成功的字符会被替换成新的字符，失败：返回原字符串
* 新的字符也可以是回调函数，回调函数的第一个参数$0是匹配成功的字符，第二个参数$1是匹配成功的字符的第一个子项，第三个参数$2是匹配成功的字符的第二个子项，以此类推
例如： 
var str='2013-6-7';
var re=/(\d+)(-)/g;
str=str.replace(re,function($0,$1,$2){
        return $1+'.';
    });
alert(str);
说明：
$0是2013-，6-
$1是2013，6
$2是-，-
5、正则表达式的匹配子项：小括号()，()还有分组操作的意思，通过小括号把母体分成多个子项去操作比较方便

 

6、[]
（1）用[]表示一组相似的元素，整体代表一个字符
例如： 
var str='abecde';
var re=/a[bde]+c/; //+表示匹配[]里多个且连续的字符
alert(str.match(re)); //弹出abec
（2）正则表达式的范围：如[a-z0-9A-Z]
 
7、{}
{4，7}：最少出现4次，最多出现7次
{4，}：最少出现4次，最多不限
{4}：恰好出现4次
 
8、^
（1）正则表达式的排除（放在[]里面）
例如： /[^abc]/匹配的是"a","b","c"之外的所有字符
（2）^写在正则的最前面表示起始必须为（在[]外）, $写在正则的最后面表示结束必须为
 
9、正则表达式更多的转移字符
. 任意符号
\. 真正的点
\b 独立部分
\B 非独立部分
\n 重复的第n个子项（复制第n个子项）
 
10、特殊符号含义
+：出现至少1次，{1，}
？：出现0-1次，{0，1}
*：至少出现0次，无上限，{0，}

 

常用正则匹配

 

去标签代码： 
var str='<h3 id="xx">标题</h3>aaaa';
var re=/<[^<>]+>/g;
alert(str.replace(re,'')); //弹出：标题aaaa
正则表达式表单验证实例：
 
 
 
 
 
 
 
1 
<span style="color:#aa5500">/*是否带有小数*/</span>
2 
     isDecimal(strValue )  {  
3 
   var  objRegExp= /^\d+\.\d+$/;var  objRegExp= /^\d+\.\d+$/;
4 
 return  objRegExp.test(strValue);  
5 
}  
6 
​
7 
<span style="color:#aa5500">/*校验是否中文名称组成 */</span>
8 
function ischina(str) { ischina(str) {
9 
    var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/
10 
    return reg.test(str);     /*进行验证*/return reg.test(str);     /*进行验证*/
11 
}
12 
​
13 
<span style="color:#aa5500">/*校验是否全由8位数字组成 */</span>
14 
function isStudentNo(str) { isStudentNo(str) {
15 
    var reg=/^[0-9]{8}$/;   /*定义验证表达式*/var reg=/^[0-9]{8}$/;   /*定义验证表达式*/
16 
    return reg.test(str);     /*进行验证*/return reg.test(str);     /*进行验证*/
17 
}
18 
​
19 
<span style="color:#aa5500">/*校验电话码格式 */</span>
20 
function isTelCode(str) { isTelCode(str) {
21 
    var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
22 
    return reg.test(str);return reg.test(str);
23 
}
24 
​
25 
<span style="color:#aa5500">/*校验邮件地址是否合法 */</span>
26 
function IsEmail(str) { IsEmail(str) {
27 
    var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
28 
    return reg.test(str);return reg.test(str);
29 
}
 
 

 

去除左边的空格：
  
String.prototype.LTrim = function(){
    return this.replace(/(^\s*)/g, "");
}


去除右边的空格：
  
String.prototype.Rtrim = function(){
    return this.replace(/(\s*$)/g, "");
}
去除前后的空格：
  
String.prototype.Trim = function(){
    return this.replace(/(^\s*)|(\s*$)/g, "");
}
得到左边的字符串 
String.prototype.Left = function(len)
{
    if(isNaN(len)||len==null){
        len = this.length;
}else{
        if(parseInt(len)<0||parseInt(len)>this.length)
        {
            len = this.length;
        }
}
return this.substr(0,len);
}
得到右边的字符串
  
String.prototype.Right = function(len){
    if(isNaN(len)||len==null)
{
    len = this.length;
}else
    {
        if(parseInt(len)<0||parseInt(len)>this.length)
        {
            len = this.length;
        }
}
return this.substring(this.length-len,this.length);
}
得到中间的字符串,注意从0开始 
String.prototype.Mid = function(start,len){
    return this.substr(start,len);
}
在字符串里查找另一字符串:位置从0开始
  
String.prototype.InStr = function(str)
{
    if(str==null){
        str = "";
    }
return this.indexOf(str);
}

//在字符串里反向查找另一字符串:位置0开始
String.prototype.InStrRev = function(str)
{
    if(str==null){
        str = "";
        }
return this.lastIndexOf(str);
}
计算字符串打印长度
  
String.prototype.LengthW = function()
{
    return this.replace(/[^\x00-\xff]/g,"**").length;
}
//是否是正确的IP地址 
String.prototype.isIP = function()
{
    var reSpaceCheck = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
if (reSpaceCheck.test(this))
{
    this.match(reSpaceCheck);
    if (RegExp.$1 <= 255 && RegExp.$1 >= 0&& RegExp.$2 <= 255 && RegExp.$2 >= 0&& RegExp.$3 <= 255 && RegExp.$3 >= 0&& RegExp.$4 <= 255 &&RegExp.$4 >= 0){
    return true; 
}else
{
    return false;
}
}else{
return false;
}
}

是否是正确日期 
 
//是否是正确的长日期
String.prototype.isLongDate = function(){var r = this.replace(/(^\s*)|(\s*$)/g, "").match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);if(r==null){return false;}var d = new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);}//是否是正确的短日期String.prototype.isShortDate = function(){var r = this.replace(/(^\s*)|(\s*$)/g, "").match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);if(r==null){return false;}var d = new Date(r[1], r[3]-1, r[4]);return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);}//是否是正确的日期String.prototype.isDate = function(){return this.isLongDate()||this.isShortDate();} //是否是手机
  
String.prototype.isMobile = function()
{
return /^0{0,1}13[0-9]{9}$/.test(this);
}
//是否是邮件
  
String.prototype.isEmail = function()
{
return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(this);
}
//是否是邮编(中国)
  
String.prototype.isZipCode = function()
{
return /^[\\d]{6}$/.test(this);
}
//是否是有汉字
  
String.prototype.existChinese = function()
{
//[\u4E00-\u9FA5]為漢字﹐[\uFE30-\uFFA0]為全角符號
return /^[\x00-\xff]*$/.test(this);
}
//是否是合法的文件名/目录名
  
String.prototype.isFileName = function()
{
return !/[\\\/\*\?\|:"<>]/g.test(this);
}
//是否是有效链接
  
String.prototype.isUrl = function()
{
return /^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-./?%&=]*)?$/i.test(this);
}
//是否是有效的身份证(中国)
  
String.prototype.isIDCard = function()
{
var iSum=0;
var info="";
var sId = this;

var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙 江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖 北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};

if(!/^\d{17}(\d|x)$/i.test(sId))
{
return false;
}
sId=sId.replace(/x$/i,"a");

//非法地区
if(aCity[parseInt(sId.substr(0,2))]==null)
{
return false;
}

var sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));

var d=new Date(sBirthday.replace(/-/g,"/"))

//非法生日
if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))
{
return false;
}
for(var i = 17;i>=0;i--)
{
iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11);
}

if(iSum%11!=1)
{
return false;
}
return true;

}


//是否是有效的电话号码(中国)
  
String.prototype.isPhoneCall = function()
{
return /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/.test(this);
}
//是否是数字
String.prototype.isNumeric = function(flag)
{
//验证是否是数字
if(isNaN(this))
{

return false;
}

switch(flag)
{

case null: //数字
case "":
return true;
case "+": //正数
return /(^\+?|^\d?)\d*\.?\d+$/.test(this);
case "-": //负数
return /^-\d*\.?\d+$/.test(this);
case "i": //整数
return /(^-?|^\+?|\d)\d+$/.test(this);
case "+i": //正整数
return /(^\d+$)|(^\+?\d+$)/.test(this); 
case "-i": //负整数
return /^[-]\d+$/.test(this);
case "f": //浮点数
return /(^-?|^\+?|^\d?)\d*\.\d+$/.test(this);
case "+f": //正浮点数
return /(^\+?|^\d?)\d*\.\d+$/.test(this); 
case "-f": //负浮点数
return /^[-]\d*\.\d$/.test(this); 
default: //缺省
return true; 
}
}
//是否是颜色(#FFFFFF形式)
  
String.prototype.IsColor = function()
{
var temp = this;
if (temp=="") return true;
if (temp.length!=7) return false;
return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
}
//转换成全角
  
String.prototype.toCase = function()
{
var tmp = "";
for(var i=0;i<this.length;i++)
{
if(this.charCodeAt(i)>0&&this.charCodeAt(i)<255)
{
tmp += String.fromCharCode(this.charCodeAt(i)+65248);
}
else
{
tmp += String.fromCharCode(this.charCodeAt(i));
}
}
return tmp
}
//对字符串进行Html编码 
String.prototype.toHtmlEncode = function()
{
var str = this;

str=str.replace(/&/g,"&");
str=str.replace(/</g,"<");
str=str.replace(/>/g,">");
str=str.replace(/\'/g,"'");
str=str.replace(/\"/g,""");
str=str.replace(/\n/g,"<br>");
str=str.replace(/\ /g," ");
str=str.replace(/\t/g,"    ");

return str;
}
//转换成日期 
String.prototype.toDate = function()
{
try{
    return new Date(this.replace(/-/g, "\/"));
}catch(e){
    return null;
    }
}
果果ha
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端正则表达式
qq_45101496的博客
04-16 438
手机号 /^1[345678]\d{9}$/ 密码 字母和数字组合，但不为纯数字 /^(?!\d+$)[\da-zA-Z]+$/ //最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符 /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/ 身份证 15到18位数字，或者17位数字加 x /(...
前端之正则表达式
云中自有锦书
07-31 1039
正则表达式 了解正则表达式基本语法 能够使用JavaScript的正则对象 正则表达式简介 什么是正则表达式 正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定...
前端常用的正则表达式大全
左本Web3D
08-28 9108
1 用户名正则 //用户名正则，4到16位（字母，数字，下划线，减号） var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("caibaojian")); 2 密码强度正则 //密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符 var pPattern =...
前端必经之路：带你读懂正则表达式
前端工程师
06-30 2010
正则表达式简介 正则表达式的英文为 Regular Expression，在 JavaScript 中用 RegExp 对象表示。正则表达式是一种专门用来处理字符串的规则，我们可以用正则表达式的 test() 接口去验证字符串是否符合某个规则，也可以用 exec() 接口将字符串中符合规则的内容捕获到。例如： 正则表达式的创建方式 在 JavaScript 中，正则表达式有两种创建方式，分别是字面量创建方式和构造函数创建方式。 字...
前端常用的正则表达式
weixin_41935198的博客
05-02 4121
文章目录匹配手机号匹配QQ号码匹配十六进制颜色表示匹配邮箱匹配URL匹配HTML标签匹配IP地址IPv4:IPv6匹配日期匹配身份证 匹配手机号 /^1[3456789]\d{9}$/g 说明： ^表示以xxx开头，这里表示以1开头 []表示用于查找某个范围内的字符，这里表示在3-9内查找 \d表示查找数字 {n}表示出现n次，这里表示出现9次 $表示以xxx结束，这里表示以9个数字结束 g表示全局模式，表示会匹配多次 匹配QQ号码 /^[1-9][0-9]{4,9}$/g 说明： ^[1-9]：
前端常用正则表达式(详细版)
weixin_42699636的博客
05-07 6862
正则表达式 - web前端 - 笔记
前端学习——正则表达式
m0_57749504的博客
11-24 1201
文章目录正则表达式使用test方法 正则表达式 使用test方法 let testStr = "you are a genius"; let testRegex = /are/; let hasAre = testRegex.test(testStr); //返回值：true
正则表达式判断密码强度
05-25
正则表达式可能无法直接检查密码周期，但可以通过编程逻辑实现，比如记录密码修改时间，并与当前时间比较。 结合以上元素，一个完整的正则表达式可能看起来像这样： ```regex ^(?=.*[A-Za-z])(?=.*\d)(?=.*[!@#$%^&...
正则表达式测试工具，美观功能强大！
02-06
正则表达式测试工具，美观功能强大！ 1、可作为文本编辑器，...4、支持正则表达式的历史记录与收藏，如百度搜索自动显现 5、靠边隐藏 详情见博文：https://blog.csdn.net/weixin_44182128/article/details/122676797
Js中使用正则表达式验证输入是否有特殊字符
10-18
在JavaScript中，正则表达式是一种强大的工具，用于进行模式匹配、搜索、提取信息等操作。当需要验证用户输入是否包含...正确使用正则表达式可以提高数据处理的灵活性和效率，对于前端开发人员来说是非常重要的技能。
判断颜色是否合法的正则表达式(详解)
08-30
为了确保输入的颜色值是合法的，我们可以利用正则表达式进行验证。正则表达式是一种强大的文本模式匹配工具，能够有效地检查字符串是否符合特定的格式。 在本例中，提供的正则表达式是`^#([0-9a-fA-F]{6}|[0-9a-fA-...
前端最全的常用正则表达式
beeworkshop的博客
05-31 1151
一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 有1~3位小数的正
前端正则表达式的使用，一些例子
LZD30的博客
09-19 789
一些元字符 \w 匹配字母、数字、下划线。等价于'[A-Za-z0-9_]'。 /g 全局匹配 正则表达式加上参数g之后，表明可以进行全局匹配。此外对于不同的对象方法，/g的含义有所不同，下面给出简要介绍： (1)对于表达式对象的exec方法，不加入g，则只返回第一个匹配；如果加入g，则第一次执行也返回第一个匹配，再执行返回第二个匹配，依次...
前端常用20个正则表达式
碎梦道
01-17 520
转载自 http://www.jianshu.com/p/e7bb97218946 正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。
前端常用正则表达式
最新发布
m0_49039063的博客
01-25 372
【代码】前端常用正则表达式。
&&前端&& 正则表达式
men_shuangshuang的博客
11-09 668
写在前面的内容 以下是我学习记录 有不正确的地方 大家一起讨论学习 进步 码农双双 在路上 正则表达式 在编程语言中，正则表达式用于匹配指定的字符串。 通过正则表达式创建匹配模式（规则）可以帮你完成指定匹配。 如果想要在字符串 The dog chased the cat 中匹配到 the 这个单词，可以使用如下正则表达式：/the/。 注意，正则表达式中不需要引号。 let a =“The dog chased the cat” ; let b = /the/; b.test(a); 这里会打印出来是tr
正则表达式——匹配
热门推荐
知之为知之，不知为不知
08-26 1万+
一 正则表达式简介 1 正则表达式的作用： 用于对字符串进行操作 2 正则的功能(都是对字符串进行的操作)： 匹配 替换 提取 二 正则表达式的使用 1 创建方式 const reg = new RegExp("abc"); // 或 const reg = /abc/; 2 简单类的使用 // 可以匹配含有内部字符abc(连续的)的字符串 const reg = /abc/ 3 匹配方法 语法结构： 正则对象.test(字符串); 返回值： ...
（原生JS） 图片无缝滚动、图片转化、轮播图、折叠效果
cuteyDan的博客
03-17 1723
1.图片无缝滚动（原生JS）&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;无缝滚动&lt;/title&gt; &lt;style type="text/css"&amp
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值