常用HTML正則表達式

jopen 10年前發布 | 25K 次閱讀 正則表達式 前端技術

 

      1.只能輸入數字和英文的: 

      <input onkeyup="value=value.replace(/[\W]/g,'') " 

      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

      ID="Text1" NAME="Text1">

      2.只能輸入數字的: 

      <input onkeyup="value=value.replace(/[^\d]/g,'') " 

      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

      ID="Text2" NAME="Text2">

      3.只能輸入全角的: 

      <input onkeyup="value=value.replace(/[^\?-\?]/g,'')" 

      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\?-\?]/g,''))" 

      ID="Text3" NAME="Text3">

      4.只能輸入漢字的: 

      <input onkeyup="value=value.replace(/[^\一-\龥]/g,'')" 

      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\一-\龥]/g,''))" 

      ID="Text4" NAME="Text4">

      5.郵件地址驗證:

      var regu = 

      "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"

      var re = new RegExp(regu);

      if (s.search(re) != -1) {

      return true;

      } else {

      window.alert ("請輸入有效合法的E-mail地址 !")

      return false;

      }

      6.身份證:

      "^\\d{17}(\\d|x)$"

      7.17種正則表達式

      "^\\d+$"  //非負整數(正整數 + 0) 

      "^[0-9]*[1-9][0-9]*$"  //正整數 

      "^((-\\d+)|(0+))$"  //非正整數(負整數 + 0) 

      "^-[0-9]*[1-9][0-9]*$"  //負整數 

      "^-?\\d+$"    //整數 

      "^\\d+(\\.\\d+)?$"  //非負浮點數(正浮點數 + 0) 

      "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正浮點數

      "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正浮點數(負浮點數 + 0) 

      "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //負浮點數

      "^(-?\\d+)(\\.\\d+)?$"  //浮點數 

      "^[A-Za-z]+$"  //由26個英文字母組成的字符串 

      "^[A-Z]+$"  //由26個英文字母的大寫組成的字符串 

      "^[a-z]+$"  //由26個英文字母的小寫組成的字符串 

      "^[A-Za-z0-9]+$"  //由數字和26個英文字母組成的字符串 

      "^\\w+$"  //由數字、26個英文字母或者下劃線組成的字符串 

      "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址 

      "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url

      =============================================

      1.取消按鈕按下時的虛線框 

        在input里添加屬性值   hideFocus 或者 HideFocus=true 

        

      2.只讀文本框內容 

         在input里添加屬性值   readonly 

        

      3.防止退后清空的TEXT文檔(可把style內容做做為類引用) 

        <INPUT style=behavior:url(#default#savehistory); type=text 

      id=oPersistInput> 

        

      4.ENTER鍵可以讓光標移到下一個輸入框 

        <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 

        

      5.只能為中文(有閃動) 

        <input onkeyup="value="/value.replace(/[" -~]/g,’’)" 

      onkeydown="if(event.keyCode==13)event.keyCode=9"> 

        

      6.只能為數字(有閃動) 

        <input onkeyup="value="/value.replace(/["^\d]/g,’’) 

      "onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">

        

      7.只能為數字(無閃動) 

        <input ime-mode:disabled" 

      onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPRess="if 

      ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 

        

      8.只能輸入英文和數字(有閃動) 

        <input onkeyup="value="/value.replace(/[\W]/g,"’’)" 

      onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">

        

      9.屏蔽輸入法 

        <input type="text" name="url" ime-mode:disabled" 

      onkeydown="if(event.keyCode==13)event.keyCode=9"> 

        

      10. 只能輸入 數字,小數點,減號(-) 字符(無閃動) 

        <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && 

      (event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 

        

      11. 只能輸入兩位小數,三位小數(有閃動) 

        <input maxlength=9 

      onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))" 

      ;value="/value.replace(/\.\d*\./g,’."’)" onKeyPress="if((event.keyCode<48 

      || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || 

      value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) 

      {event.returnValue=false}" id=text_kfxe name=text_kfxe>

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!