正则表达式

正则表达式:计算机理解的规则,强大的字符串匹配工具。简单来说,是一种规则、模式。

正则也是以对象的形式存在,创建正则两种方法:

 

var re=new RegExp(“a”);           //js风格
var re =/ a /;                 // per 风格

 

 

我们先说一下操作字符串的几个属性,以便更好的操作正则:

  1. search:返回提取所在位置,找不到返回-1。
    var str="abcefg";
    alert(str.search("a"));//位置,-1
    alert(str.search("w"));    // 0

     

  2. match:把所有匹配的东西全部找出来。
    var str="123 -/a 11agcccg3411";
    alert(str.match(/\d/g)) ;  
    
    //1,2,3,1,4,1

     

  3. replace:替换成想要的东西。      
    var str="abcaa";
    var re=/a/g;
    alert(str.replace(re,"0"));
    
    //0bc00

     

  4. charAt:返回对应的字符。
    var str="abcdef";
    alert(str.charAt(1)); //b 返回1对应的字符    

     

  5. split:字符串切分。
    var str="a-b-5-1";
    var arr=str.split("-");
    alert(arr); //a,b,5,1  可以做字符串切分    

     

  6. substring:返回对应的字符,但不包括结束位置。
    var str="abcdef";
    alert(str.substring(1,5)); // bcde 不包括结束位置 alert(str.substring(1)); //bcdef 一个时,到结束

     

 

下面我们步入正题

 

1.js 大小写敏感

正则忽略大小写:" i "  (ignore)

 var er=new RegExp("a","i");
 //var er=/a/i //或者这种写法
 var str="ABc";
 alert(str.search(er));

//0

 

2.找到全部:"g" (global)

var str="123 -/a 11agcccg3411";
alert(str.match(/\d+/g))    
//alert(str.match(/[0-9]+/g)) 也可以

//123,11,3411

 

3.或者: " | "(竖线)

4.元字符(方括号):" [ ] " ;

  1. 任意字符:[abc]:abc 三个其中任选一个即可 。[abc]pc: 符合的——>apc bpc cpc;
  2. 范围:[a-z]  [0-9]
  3. 排除:[^a-z] :除了a-z;      [^0-9]  :除了a-z;     [^a-z0-9]  :除了a-z 0-9;

5.量词:个数

  • {n}   正好出现n次   [1-9]/d{7} ->八位电话号码
  • {n,m}   最少n次,最多m次  [1-9]/d{4,10} ->5 或者 11位 QQ号
  • {n,}   最少n次,最多不限
  • +     ==   {1,}最少1次,若干,
  • ?    ==  {0,1} 可有可无   (0\d{2,3}-)?[1-9]\d{7}(-\d{1,5})?->5 有无区别的固定电话,有无分机号
  • *      ==  {0,} 不建议用

 

6.转义字符:

 

  • "  . "  (点)——任意字符(尽量不要去用)    
    正则有一个贪婪特性,进可能匹配长的字符串

    一个过滤html标签的例子:
    <script>
         window.onload=function(){
             var oTxt1=document.getElementById("txt1");
             var oTxt2=document.getElementById("txt2");
             var Btn=document.getElementById("btn");
             
             Btn.onclick=function(){
                 var re=/<[^<>]+>/g;
                 oTxt2.value=oTxt1.value.replace(re,‘‘)
             };
         }
    </script>
    
    <textarea rows="20" cols="20" id="txt1" "></textarea>
    <input type="button" id="btn" value="过滤">
    <textarea  rows="20" cols="20" id="txt2" "></textarea>

    注意:              / < . +> /  不完善
                             / <[ ^ <> ] + > /  除了 " <> " 以外的任意字符



  • \d  数字    [0-9]
  • \w  英文、数字、下划线   [a-z 0-9 ]
  • \s   空白字符
  • \D  除了数字    [^0-9]
  • \W  除了 英文、数字、下划线   [^a-z 0-9 ]
  • \S   除了空白字符
  • ^   放在正则 行首(不在" [ ] "时  )
  • $    放在正则 行尾(不在" [ ] "时 )
    注意 : 通过正则找”  .  “ 时用 ‘ \ . ‘;
                 通过正则找” \d  “ 时用 ‘ \\d ‘;


 

正则 test方法 :判断是否符合正则规则,返回ture和false 。需要注意的是,只要name一部分符合reg的要求就会返回true,这时候就需要用到^$,分别表示行首和行尾;

 

邮箱验证:

    <script>
             window.onload=function(){
                 var oTxt=document.getElementById("txt");                 
                 var oBtn=document.getElementById("btn");
                 
                 oBtn.onclick=function(){
                     var re=/^\[email protected][a-z0-9]+\.[a-z]+$/i;
                     if(re.test(oTxt.value))
                     {
                         alert("合法邮箱")
                     }
                     else
                     {
                         alert("你写错了")
                     }
                 };
             }
        </script>
    </head>
    
    <body>
        <input type="text" id="txt">
        <input type="button" id="btn" value="验证">
        
    </body>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


jquery.validate使用攻略(表单校验) 目录 jquery.validate使用攻略1 第一章&#160;jquery.validate使用攻略1 第二章&#160;jQuery.validate.js API7 Custom selectors7 Utilities8 Validato
/\s+/g和/\s/g的区别 正则表达式/\s+/g和/\s/g,目的均是找出目标字符串中的所有空白字符,但两者到底有什么区别呢? 我们先来看下面一个例子: let name = &#39;ye wen jun&#39;;let ans = name.replace(/\s/g, &#39;&#3
自整理几个jquery.Validate验证正则: 1. 只能输入数字和字母 /^[0-9a-zA-Z]*$/g jQuery.validator.addMethod(&quot;letters&quot;, function (value, element) { return this.optio
this.optional(element)的用法 this.optional(element)是jquery.validator.js表单验证框架中的一个函数,用于表单控件的值不为空时才触发验证。 简单来说,就是当表单控件值为空的时候不会进行表单校验,此函数会返回true,表示校验通过,当表单控件
jQuery.validate 表单动态验证 实际上jQuery.validate提供了动态校验的方法。而动态拼JSON串的方式是不支持动态校验的。牺牲jQuery.validate的性能优化可以实现(jQuery.validate的性能优化见图1.2 jQuery.validate源码 )。 也可
自定义验证之这能输入数字(包括小数 负数 ) &lt;script type=&quot;text/javascript&quot;&gt; function onlyNumber(obj){ //得到第一个字符是否为负号 var t = obj.value.charAt(0); //先把非数字的都
// 引入了外部的验证规则 import { validateAccountNumber } from &quot;@/utils/validate&quot;; validator.js /*是否合法IP地址*/ export function validateIP(rule, value,cal
VUE开发--表单验证(六十三) 一、常用验证方式 vue 中表单字段验证的写法和方式有多种,常用的验证方式有3种: data 中验证 表单内容: &lt;!-- 表单 --&gt; &lt;el-form ref=&quot;rulesForm&quot; :rules=&quot;formRul
正则表达式 座机的: 例子: 座机有效写法: 0316-8418331 (010)-67433539 (010)67433539 010-67433539 (0316)-8418331 (0316)8418331 正则表达式写法 0\d{2,3}-\d{7,8}|\(?0\d{2,3}[)-]?\d
var reg = /^0\.[1-9]{0,2}$/;var linka = 0.1;console.log (reg.test (linka)); 0到1两位小数正则 ^(0\.(0[1-9]|[1-9]{1,2}|[1-9]0)$)|^1$ 不含0、0.0、0.00 // 验证是否是[1-10
input最大长度限制问题 &lt;input type=&quot;text&quot; maxlength=&quot;5&quot; /&gt; //可以 &lt;input type=&quot;number&quot; maxlength=&quot;5&quot; /&gt; //没有效
js输入验证是否为空、是否为null、是否都是空格 目录 1.截头去尾 trim 2.截头去尾 会去掉开始和结束的空格,类似于trim 3.会去掉所有的空格,包括开始,结束,中间 1.截头去尾 trim str=str.trim(); // 强烈推荐 最常用、最实用 or $.trim(str);
正则表达式语法大全 字符串.match(正则):返回符合的字符串,若不满足返回null 字符串.search(正则):返回搜索到的位置,若非一个字符,则返回第一个字母的下标,若不匹配则返回-1 字符串.replace(正则,新的字符串):找到符合正则的内容并替换 正则.test(字符串):在字符串中
正整数正则表达式正数的正则表达式(包括0,小数保留两位): ^((0{1}.\d{1,2})|([1-9]\d.{1}\d{1,2})|([1-9]+\d)|0)$正数的正则表达式(不包括0,小数保留两位): ^((0{1}.\d{1,2})|([1-9]\d.{1}\d{1,2})|([1-9]+
JS 正则验证 test() /*用途:检查输入手机号码是否正确输入:s:字符串返回:如果通过验证返回true,否则返回false /function checkMobile(s){var regu =/[1][3][0-9]{9}$/;var re = new RegExp(regu);if (r
请输入保留两位小数的销售价的正则: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/ 1.只能输入英文 &lt;input type=&quot;text&quot; onkeyup=&quot;value
判断价格的正则表达式 价格的正则表达式 /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/; 1 解析:价格符合两种格式 ^ [1-9]\d*(.\d{1,2})?$ : 1-9 开头,后跟是 0-9,可以跟小数点,但小数点后要带上 1-2 位小数,类似 2,2
文章浏览阅读106次。这篇文章主要介绍了最实用的正则表达式整理,比如校验邮箱的正则,号码相关,数字相关等等,本文给大家列举的比较多,需要的朋友可以参考下。_/^(?:[1-9]d*)$/ 手机号
文章浏览阅读1.2k次。4、匹配中的==、an==、== an9、i9 == "9i"和99p==请注意下面这部分的作用,它在匹配中间内容的时候排除了说明:当html字符串如下时,可以匹配到两处,表示匹配的字符串不包含and且不包含空白字符。说明:在上面的正则表达式中,_gvim正则表达式匹配不包含某个字符串
文章浏览阅读897次。【代码】正则表达式匹配a标签的href。_auto.js 正则匹配herf