站長資訊網
        最全最豐富的資訊網站

        正則替換實現輸入框只能有數字、中英文逗號

        本來很簡單的小功能,因為細節折騰了一會,所以一定要細心才行

        實現代碼也比較簡單大家可以參考下

        核心代碼:

          function renumdou(str){  var regexp = /[^d,,]]*/g;  newstr=str.replace(regexp,"");  return newstr  }

        小編給大家分享另外一個不錯的代碼:

        自動檢測數字替換 數字正則表達式

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>   <HEAD>   <TITLE> New Document </TITLE>   <META NAME="Generator" CONTENT="EditPlus">   <META NAME="Author" CONTENT="">   <META NAME="Keywords" CONTENT="">   <META NAME="Description" CONTENT="">   </HEAD>   <BODY>   <input onkeyup='check(this)'/>   </BODY>   <script>  function check(obj){    var sreg = /^-+.*/g;   var zero = /^0[1-9]+.*d*/g;   var val = obj.value;   var plus = '';   if(sreg.test(val)){    val = val.replace(/-+/g,'');      plus = '-';     }   val = val.replace(/s+/g,'');    if(/^.+.*$/.test(val)){    val = '';   }   val = val.replace(/[^d.]/,'');   val = val.replace(/(^d+.{1})(d*).*/g,'$1$2');   val = val.replace(/(^d+.d{3})d*/g,'$1');   val = val.replace(/^[0]*(0{1})([1-9]*)(.*)/g,'$1$2$3');     if(zero.test(val)){    val = val.replace(/0([1-9]+)(.*)$/,'$1$2');   }      obj.value = plus+val;  }   </script>  </HTML>  

        RegExp 使用說明

        一:正則表達式的創建方式  
         1.文字格式,使用方法如下: 
         /pattern/flags(即:/模式/標記) 
         2.RegExp構造函數,使用方法如下: 
         new RegExp(“pattern”[,”flags”])(即:new RegExp(“模式”[,”標記”])) 
          
         參數: 
         pattern(模式):表示正則表達式的文本 
         flags(標記):如果指定此項,flags可以是下面之一: 
          
         g:global match(全定匹配) 
         i:ignore case(忽略大小寫) 
         gi:both global match and ignore case(匹配所有可能的值,也忽略大小寫) 
         注意:文字格式中的參數不要使用引號標記,二夠造器函數的參數則要使用引號標記。所以下面的表達式 
         是等價的: 
         /ab+c/i     ====================  new RegExp(“ab+c”,”i”) 
          
         描述: 
         當使用構造器函數創建正則表達式的時候,必須使用正常的字符串避開規則(在字符串中加入前導字符)是必須的。  
         例如,下面的兩條語句是等價的:  
         re=new RegExp(“\w+”); 
         re=/w+/ 

        注意:RegExp預置了$屬性
        $1, …, $9屬性
        用圓括號括著的匹配子串,如果有的話。
        是RegExp的屬性
        靜態,只讀
        在JavaScript 1.2, NES 3.0以上版本提供
        描述:因為input是靜態屬性,不是個別正則表達式對象的屬性。你可以使用RegExp.input 訪問該
        屬性。
        能加上圓括號的子串的數量不受限制,但正則表達式對象只能保留最后9 條。如果你要訪問所有的
        圓括號內的匹配字串,你可以使用返回的數組。

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    <HTML>    <HEAD>     <TITLE> New Document </TITLE>     <SCRIPT LANGUAGE="JavaScript1.2">     var regexp = new RegExp("(\w+)\s(\w+)");    str = "John Smith";    newstr=str.replace(regexp,"$2");    newstr2=str.replace(regexp,"$1");    document.write("原字符串:"+str+"<br/>");    document.write(newstr+"<br/>");    document.write(newstr2+"<br/>");    document.write('$1='+RegExp.$1+"  $2="+RegExp.$2);    </SCRIPT>    </HEAD>    <BODY>    </BODY>    </HTML> 

        二: match() 方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。它返回指定的值,而不是字符串的位置。

        語法
        stringObject.match(searchvalue)
        stringObject.match(regexp)參數 描述
        searchvalue 必需。規定要檢索的字符串值。
        regexp 必需。規定要匹配的模式的 RegExp 對象。如果該參數不是 RegExp 對象,則需要首先把它傳遞給 RegExp 構造函數,將其轉換為 RegExp 對象。
        返回值
        存放匹配結果的數組。該數組的內容依賴于 regexp 是否具有全局標志 g。
        說明
        match() 方法將檢索字符串 stringObject,以找到一個或多個與 regexp 匹配的文本。這個方法的行為在很大程度上有賴于 regexp 是否具有標志 g。

        如果 regexp 沒有標志 g,那么 match() 方法就只能在 stringObject 中執行一次匹配。如果沒有找到任何匹配的文本, match() 將返回 null。否則,它將返回一個數組,其中存放了與它找到的匹配文本有關的信息。

        match使用實例:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    <HTML>    <HEAD>     <TITLE> New Document </TITLE>     <SCRIPT LANGUAGE="JavaScript1.2">    var str="1 plus 2 equal 3";    var str2="11/23/55";    var results=str.match(new RegExp("\d+","gi"));    for(var i=0;i<results.length;i++){      document.write(results[i]+"<br/>");    }    var res=str2.match(new RegExp("(\d\d?)/(\d\d?)/(\d\d)"));    if(str2.length == res[0].length){      document.write(res[1]+"<br/>");      document.write(res[2]+"<br/>");      document.write(res[3]+"<br/>");    }    </SCRIPT>    </HEAD>    <BODY>    </BODY>    </HTML>        function dateCheck(value) {      re = new RegExp("(\d\d?)/(\d\d?)/(\d\d)");      var result = value.match (re);      if (result){        if (result[0].length != value.length){          alert ("Wrong date format. The correct format should be MM/dd/yy.")          return false;        }else{          var t = result[3];          var y = parseInt("20" + t);          var m = parseInt(result[1], 10) - 1;          var day = parseInt(result[2], 10);              var d = new Date(y, m, day);          if (d.getFullYear() != y || d.getMonth() != m || d.getDate() != day){            alert ("error date!")            return false;          }else{            var sm = result[1].length == 1?'0' + result[1]:result[1];            var sday = result[2].length == 1?'0' + result[2]: result[2];            var sy = result[3];            else               return sm + '/' + sday + '/' + sy;          }        }      }else{        alert ("Wrong date format. The correct format should be MM/dd/yy.");        return false;      }    } 

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久精品成人免费国产片小草| 欧美性videos高清精品| 一区二区三区精品高清视频免费在线播放| 国产精品一级片| 日韩国产成人精品视频| 欧洲精品码一区二区三区免费看| 丰满人妻熟妇乱又伦精品劲| 国产精品久久久久国产A级| 一本之道av不卡精品| 久久精品人妻一区二区三区| 国产乱子伦精品无码专区| 北条麻妃国产九九九精品视频| 91精品国产高清91久久久久久| 亚洲精品自在在线观看| 四虎精品亚洲一区二区三区| 精品一区二区三区免费观看 | 亚洲欧美精品丝袜一区二区| 精品国产亚洲一区二区在线观看| 自怕偷自怕亚洲精品| 亚洲第一精品福利| 久久精品国产免费| jizz国产精品| 精品精品国产国产| 麻豆国内精品久久久久久| 欧美精品亚洲精品日韩精品| 欧美日韩精品系列一区二区三区国产一区二区精品 | 精品水蜜桃久久久久久久| 国产精品高清2021在线| 国产精品综合专区中文字幕免费播放| 国产L精品国产亚洲区久久| 国产精品免费久久| 久久国产热这里只有精品| 欧美日韩国产成人高清视频,欧美日韩在线精品一 | 国产精品99精品久久免费| 99久久精品国产免看国产一区| 国产国产精品人在线观看| 精品国产免费一区二区三区香蕉 | 久久亚洲精品成人AV| 国产伦精品一区二区三区| 国产精品18久久久久久vr| 欧美精品国产精品|