【轉載】Javascript中的Regex的一些應用

來源:互聯網
上載者:User
整數或者小數:^[0-9]+\.{0,1}[0-9]{0,2}$
只能輸入數字:"^[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}$"正確格式為:"XXX-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"。

 

匹配中文字元的Regex: [\u4e00-\u9fa5]

匹配雙位元組字元(包括漢字在內):[^\x00-\xff]

應用:計算字串的長度(一個雙位元組字元長度計2,ASCII字元計1)
String.prototype.len=function(){return this.replace(/[^\x00-\xff]/g,"aa").length;}

匹配空行的Regex:\n[\s| ]*\r

匹配html標籤的Regex:<(.*)>(.*)<\/(.*)>|<(.*)\/>

匹配首尾空格的Regex:(^\s*)|(\s*$)

應用:javascript中沒有像vbscript那樣的trim函數,我們就可以利用這個運算式來實現,如下:

String.prototype.trim = function()
{
      return this.replace(/(^\s*)|(\s*$)/g, "");
}

 

利用Regex分解和轉換IP地址:

下面是利用Regex匹配IP地址,並將IP地址轉換成對應數值的Javascript程式:

function IP2V(ip)
{
  re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的Regex
  if(re.test(ip))
  {
    return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
  }
  else
  {
    throw new Error("Not a valid IP address!")
  }
}

不過上面的程式如果不用Regex,而直接用split函數來分解可能更簡單,程式如下:

var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是:"+ (ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的Regex:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配網址URL的Regex:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用Regex限制網頁表單裡的文字框輸入內容:

用Regex限制只能輸入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

用Regex限制只能輸入全形字元: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

用Regex限制只能輸入數字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

用Regex限制只能輸入數字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5\w]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5\w]/g,''))" value="允許底線,數字字母和漢字">

<script language="javascript">
if (document.layers)//觸發鍵盤事件
  document.captureEvents(Event.KEYPRESS)

 

function xz(thsv,nob){
  if(nob=="2"){
    window.clipboardData.setData("text","")
    alert("避免非法字元輸入,請勿複製字元");
  return false;
  }
  if (event.keyCode!=8 && event.keyCode!=16 && event.keyCode!=37 && event.keyCode!=38 && event.keyCode!=39 && event.keyCode!=40){
    thsvv=thsv.value;// 輸入的值
    thsvs=thsvv.substring(thsvv.length-1);//輸入的最後一個字元
    //thsvss=thsvv.substring(0,thsvv.length- 1);//去掉最後一個錯誤字元
    if (!thsvs.replace(/[^\u4E00-\u9FA5\w]/g,'') || event.keyCode==189){//正則除去符號和底線 key
      thsv.value='請勿輸入非法符號 ['+thsvs+']';
      alert('請勿輸入非法符號 ['+thsvs+']');
      thsv.value="";
      return false;
    }
  }
}

</script>

<input onkeyup="xz(this,1)" onPaste="xz(this,2)" value="">允許數字字母和漢字

<script language="javascript">
<!--
  function MaxLength(field,maxlimit){
    var j = field.value.replace(/[^\x00-\xff]/g,"**").length;
    //alert(j);
    var tempString=field.value;
    var tt="";
    if(j > maxlimit){
      for(var i=0;i<maxlimit;i++){
        if(tt.replace(/[^\x00-\xff]/g,"**").length < maxlimit)
        tt = tempString.substr(0,i+1);
    else
      break;
  }
  if(tt.replace(/[^\x00-\xff]/g,"**").length > maxlimit)
  tt=tt.substr(0,tt.length-1);
  field.value = tt;
  }else{
  ;
  }
}
</script>

單行文字框控制<br />
<INPUT type="text" id="Text1" name="Text1" onpropertychange="MaxLength(this, 5)"><br />
多行文字框控 制:<br />
<TEXTAREA rows="14"
cols="39" id="Textarea1" name="Textarea1" onpropertychange="MaxLength(this, 15)"></TEXTAREA><br />

控製表單內容只能輸入數字,中文....
<script>
function test()  
{
if(document.a.b.value.length>50)
{
alert("不能超過50個字元!");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>

只能是漢字
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能是英文字元
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnValue=false;
}
</script>

<input onkeydown="onlyEng();">
<input name="coname" type="text" size="50" maxlength="35" class="input2" onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
只能是數字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考慮小鍵盤上的數字鍵
    event.returnValue=false;
}
</script>

<input onkeydown="onlyNum();">

只能是英文字元和數字
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

驗證為email格式
<SCRIPT LANGUAGE=Javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

屏蔽關鍵字(sex , fuck) - 已修改
<script language="JavaScript1.2">
function test() {
if((a.b.value.indexOf ("sex") == 0)||(a.b.value.indexOf ("fuck") == 0)){
    alert("五講四美三熱愛");
    a.b.focus();
    return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>

限制文字框裡只能輸入數字
<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39) value=value.replace(/\D/g,'');"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\D/g,''))"> 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.