正则表达式（总结）

最新推荐文章于 2023-03-18 13:50:23 发布
最新推荐文章于 2023-03-18 13:50:23 发布
阅读量341 收藏
点赞数
分类专栏： 正则表达式 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36263601/article/details/73188121
版权 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>
    <label>用户名 </label>
    <input id="loginname" type="text"  value="18610811912" placeholder="邮箱/用户名/已验证手机">
</div>
<div>
    <label>密 码  </label>
    <input type="text" id="nloginpwd"  placeholder="密码">
</div>

<button type='button' id='btn'>提交</button>
</body>
</html>
<script>
    var $$ = function() {};
	$$.prototype.$id=function(id) {
        return document.getElementById(id)
    }
    //封装trim
        //删除左边的空格
    $$.prototype.ltrim=function(str) {
	        /*^ 以xx开头*/
	        /*\s 表示空格*/
	        /**表示匹配零个或者多个*/
	        /*g 表示匹配全部*/
	        /*(^\s*)表示匹配以空格开头一个或者多个字符*/
	        /*str.replace(/(^\s*)/g,'') 表示用''替换所有的空格*/
	        return str.replace(/(^\s*)/g,'');
	    }
	    //删除右边的空格
	$$.prototype.rtrim=function(str) {
            /*$以xx结尾*/
            return str.replace(/(\s*$)/g,'');
        }
        //删除左右两端的空格
    $$.prototype.trim=function(str) {
            /*/表是或的意思*/
            return str.replace(/(^\s*)|(\s*$)/g, '');
        }

    /*^同类*/
    //    ^     匹配输入字符串的开始位置。
    //    $        匹配输入字符串的结束位置。
    //   \b     匹配一个单词边界，也就是指单词和空格间的位置。
    //          例如， 'er\b' 可以匹配"never" 中的'er'，但不能匹配 "verb" 中的 'er'。
    //    \B    和\b相反，匹配非单词边界。
    //          'er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。



    /*补充 g同类 -- i 表示不区分大小写
    比如：/a/i，表示“a”或“A”都是满足条件的*/


    /**同类*/
    //星号(*): 星号代表匹配它前面一个字符任意遍(0或任意次)
    //加号(+): 表示匹配前面的字符一次或多次（至少一次).
    //问号(?): 问号也是一个数量词，它代表匹配前一个字符0或1次。

    //中括号[]： 中括号用来表示一个字符集合，
    //如果这个集合有很多元素，如26个字母，数字等，一个个地写在中括号里，未免太麻烦太蠢笨，
    //这时可以用连字符(hyphen)来表示一个范围，
    // 如:[a-z]表示小写字母的集合，
    // [a-zA-Z]表示大小写字母的集合。
    // 脱字符^ (caret).
    // 这种写法表示，匹配任何不在该集合中的字符，与上面的用法刚好相反

    //    大括号:{}
    //    大括号的作用是指定重复前面一个字符多少遍:
    //    {N} 重复N遍
    //    {n,m} 重复 n~m 遍
    //    {n,}  至少重复n遍
    //    {,m} 至多重复m遍

    /*\s同类*/
    //    \w -- (小写w) 表示字母或数字，等价于 [a-zA-Z0-9]
    //    \W -- (大写W)非字母且非数字，与\w相反 等价于 '[^A-Za-z0-9_]'
    //    \s  --  (小写s)匹配一个空格字符，包括：空格，换行，回车,tab,等价于[ \n\r\t\f]
    //    \S --  (大写S)匹配非空格字符，\s的相反 等价于 [^ \f\n\r\t\v]。
    //    \d -- 表示10进制数字，等价于 [0-9]
    //    \D -- 匹配一个非数字字符。等价于 [^0-9]。


    //实例化，对象使用之前需要先实例化
    $$ = new $$();
        //使用封装好的对象
        var btn = $$.$id('btn')
	    btn.onclick = function(){
	        var userName= $$.$id('loginname').value
	        var data =  $$.trim(userName)
	        console.log(data)
	        //ajax提交数据
	    }
// 用户名密码验证
	btn.onclick = function(){
        var userName= $$.$id('loginname').value
        if(checkNull2(userName)){
            //ajax提交数据
        }else{
            alert('用户名不能为空')
        }

    }

    function checkNull(input){
        if(input !=''){
            return true;
        }else{
            return false
        }
    }
    function checkNull2(input){
        if(input.length==0){
            return false;
        }else{
            return true
        }
    }

// 验证只能为数字
    btn.onclick = function(){
        var userName= $$.$id('loginname').value
        /*先判断是否为空*/
        if(checkNull(userName)){
            /*如果不为空再判断是否为数字*/
            if(checkNum(userName)){
                /*ajax提交数据*/
            }else{
                alert('QQ号码必须是数字')
            }
        }else{
            alert('用户名不能为空')
        }
    }

    function checkNull(input){
        if(input !=''){
            return true;
        }else{
            return false
        }
    }
    function checkNum(input){
        /*表示必须是1或者多个数字*/
        var regex = /^[0-9]+$/;
        /*match表示匹配函数*/
        if (input.match(regex)) {
            return true;
        } else {
            return false;
        }
    }

    // 5位以上
     btn.onclick = function(){
        var userName= $$.$id('loginname').value
        /*先判断是否为空*/
        if(checkNull(userName)){
            /*如果不为空再判断是否为数字*/
            if(checkFivePlusNum(userName)){
                /*ajax提交数据*/
                alert('提交成功')
            }else{
                alert('QQ号码必须至少5个数字')
            }
        }else{
            alert('用户名不能为空')
        }
    }

    function checkNull(input){
        if(input !=''){
            return true;
        }else{
            return false
        }
    }
    function checkFivePlusNum(input){
        /*表示必须是1或者多个数字*/
        var regex = /^[0-9]{5,}$/;
        if (input.match(regex)) {
            return true;
        } else {
            return false;
        }
    }
    // 邮箱验证
      btn.onclick = function(){
        var userName= $$.$id('loginname').value
        /*先判断是否为空*/
        if(checkNull(userName)){
            /*如果不为空再判断是否为数字*/
            if(checkEmail(userName)){
                /*ajax提交数据*/
                alert('提交成功')
            }else{
                alert('用户名必须是邮箱')
            }
        }else{
            alert('用户名不能为空')
        }
    }

    function checkNull(input){
        if(input !=''){
            return true;
        }else{
            return false
        }
    }
    function checkNum(input){
        /*表示必须是1或者多个数字*/
        var regex = /^[A-Z]{6,12}$/;
        if (input.match(regex)) {
            return true;
        } else {
            return false;
        }
    }

    function checkEmail(input){
        /*表示必须是1或者多个数字*/
        var regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
        if (input.match(regex)) {
            return true;
        } else {
            return false;
        }
    }
// 正则表达式总结
/*    常用正则表达式大全！（例如：匹配中文、匹配html）

    匹配中文字符的正则表达式： [u4e00-u9fa5]
    评注：匹配中文还真是个头疼的事，有了这个表达式就好办了
    匹配双字节字符(包括汉字在内)：[^x00-xff]
    评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
    匹配空白行的正则表达式：ns*r
    评注：可以用来删除空白行
    匹配HTML标记的正则表达式：<(S*?)[^>]*>.*?|<.*? />
    评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力
    匹配首尾空白字符的正则表达式：^s*|s*$
    评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式
    匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
    评注：表单验证时很实用
    匹配网址URL的正则表达式：[a-zA-z]+://[^s]*
    评注：网上流传的版本功能很有限，上面这个基本可以满足需求
    匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
    评注：表单验证时很实用
    匹配国内电话号码：d{3}-d{8}|d{4}-d{7}
    评注：匹配形式如 0511-4405222 或 021-87888822
    匹配腾讯QQ号：[1-9][0-9]{4,}
    评注：腾讯QQ号从10000开始
    匹配中国邮政编码：[1-9]d{5}(?!d)
    评注：中国邮政编码为6位数字
    匹配身份证：d{15}|d{18}
    评注：中国的身份证为15位或18位
    匹配ip地址：d+.d+.d+.d+
    评注：提取ip地址时有用



    匹配特定数字：
    ^[1-9]d*$　 　 //匹配正整数
    ^-[1-9]d*$ 　 //匹配负整数
    ^-?[1-9]d*$　　 //匹配整数
    ^[1-9]d*|0$　 //匹配非负整数（正整数 + 0）
    ^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0）
    ^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数
    ^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数
    ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$　 //匹配浮点数
    ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）
    ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
    评注：处理大量数据时有用，具体应用时注意修正


    匹配特定字符串：
    ^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串
    ^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串
    ^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串
    ^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串
    ^w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串




    只能输入数字：“^[0-9]*$”
    只能输入n位的数字：“^d{n}$”
    只能输入至少n位数字：“^d{n,}$”
    只能输入m-n位的数字：“^d{m,n}$”
    只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$”
    只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$”
    只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$”
    只能输入非零的正整数：“^+?[1-9][0-9]*$”
    只能输入非零的负整数：“^-[1-9][0-9]*$”
    只能输入长度为3的字符：“^.{3}$”
    只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$”
    只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$”
    只能输入由26个小写英文字母组成的字符串：“^[a-z]+$”
    只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$”
    只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$”



    验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间，
    只能包含字符、数字和下划线。
    验证是否含有^%&'',;=?$"等字符：“[^%&'',;=?$x22]+”
    只能输入汉字：“^[u4e00-u9fa5],{0,}$”
    验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”
    验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
    验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$”
    正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”，
    “XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。
    验证身份证号（15位或18位数字）：“^d{15}|d{}18$”
    验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12”
    验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$”
    正确格式为：“01”“09”和“1”“31”。
    匹配中文字符的正则表达式： [u4e00-u9fa5]
    匹配双字节字符(包括汉字在内)：[^x00-xff]
    匹配空行的正则表达式：n[s| ]*r
    匹配HTML标记的正则表达式：/<(.*)>.*|<(.*) />/
    匹配首尾空格的正则表达式：(^s*)|(s*$)
    匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
    匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?*/
</script>

暂时就整理这么多，持续更新中。。。

强哥blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正则表达式总结
GAStudio
06-22 7330
正则表达式：符合一定规则的表达式 作用：专门用于操作字符串 用一些特定的符号来表示一些代码操作，这样就简化书写，所以学习正则表达式就是在学习一些特殊符号的使用。 好处：可以简化对字符串的复杂操作 弊端:符号定义越多，正则越长，阅读性越差 具体操作功能： 1、 匹配：String matches方法，用规则匹配整个字符串，只要有一处不符合，就匹配结束，返回false 2、 切割：按照叠词完成切割，为了可以让规则的结果可以被重用，可以将规则封装成一个组，用（）完成，组的出现都
java 正则表达式总结
最新发布
Cyan_RA9的博客
06-29 9425
java 正则表达式 内容分享。
常用正则表达式总结
BugAngel的博客
03-18 231
【代码】常用正则表达式总结。
15/18位身份证号码验证的正则表达式总结（详细版）
10-20
需要一个简单的验证身份证号的正则表达式，从网上查了很多，都有问题，所以干脆自己写一个，下面这篇文章主要给大家分享了关于15/18位身份证号码验证的正则表达式，文中介绍的非常详细，需要的朋友可以参考下。
PostgreSQL 正则表达式 常用函数的总结
10-19
本篇总结将介绍PostgreSQL中与正则表达式相关的常用函数，这些函数可以帮助数据库开发者和管理员高效地进行数据处理和模式匹配。 首先，PostgreSQL提供了一系列内置的正则表达式函数，它们主要包含以下几类： 1. ...
JS常用正则表达式总结【经典】
12-10
本文实例讲述了JS常用正则表达式。分享给大家供大家参考，具体如下： 在项目中个人写的一个常用验证的正则表达式：（仅供参考） //定义两个全局变量 var reg; var errorInfo; //输入的数字类型必须是int型,正负整数...
javascript正则表达式总结
11-23
Regexpal是一个在线Javascript正则表达式处理器，地址是:http://www.regexpal.com 学习正则重要的是实践操作，不妨举个栗子： 匹配号码：707-827-7019 字符组匹配 [0-9][0-9][0-9]-[0-9][0-9][0-9]-[0-9][0-9][0-9]...
arttemplate模板--字符串拼接中使用模板语法
心暖未晴
06-13 3306
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>compile-demo</title> <script src="template.js"></script> </head><body> <h1>在javascript中存放模板</h1> <div id="content"></div> <script
封装表格table列求和方法
心暖未晴
05-15 3296
DOCTYPE html> html> head> title>title> head> body> table width="200" border="0" id="table"> tr> td>名称td> td>图片td> td>价格td> td>操作td> tr> tr> td> td> td> td> td>10td> td> td> tr
replace高级用法
心暖未晴
06-13 3084
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> /*********************************************************************
input搜索筛选\过滤列表
心暖未晴
05-16 2997
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> t
巧用setTimeout处理定时问题，避免迭代
心暖未晴
06-05 2114
var timeout = false; //启动及关闭按钮 var max = 1; timer(); function timer(){ if(timeout) return; render();//处理逻辑的函数 setTimeout(timer,num); //timer是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒 ++max; if(
兼容各大浏览器屏幕尺寸宽高设置
心暖未晴
05-16 2045
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> title>兼容浏
arttemplate模板--绑定集合
心暖未晴
06-13 1800
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src='template.js'></script> </head> <body> <div id='mydiv'><
jquery中的bind(),live(),delegate(),on()绑定事件方式
心暖未晴
05-18 1263
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> t
常用string内置对象方法
心暖未晴
07-14 1111
//concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 var str = "Hello"; var out = str.concat(" World","!"); console.log(str); //Hello console.log(out); //Hello World! //charAt() – 返回指定位置的字符。
人工智能中的数字正则表达式总结
"本文主要介绍了在人工智能领域中常用的正则表达式，用于校验各种数字格式和特定字符类型。" 正则表达式是人工智能中处理文本数据时不可或缺的工具，尤其是在数据验证、清洗和模式匹配等场景。以下将详细解释上述...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值