成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery使用正則表達式限制文本框只能輸入數字
全站頭部文字 我要出現在這里
jQuery使用正則表達式限制文本框只能輸入數字 670 2024-02-27   

網站中的一個小功能:要求用戶只能輸入16位數字。

試過javascript的方法:

如:一種方法:

//只允許輸入數字
function checkkey2(value, e) {
  var key = window.event ? e.keyCode : e.which;
  if ((key > 95 && key < 106) || (key > 47 && key < 60)) {

  }
  else if (key != 8) {
  if (window.event) //IE
  {
    e.returnValue = false; 
  }
  else //Firefox
  {
    e.preventDefault();
  }
  };
};

另一種方法:

用正則表達式限制只能輸入數字:

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

上面的兩種方法我均用過,但多少都會出現一些問題,比如瀏覽器的兼容性問題,不能達到想要的效果等,所以,最后還是考慮用正則來自己寫。

直接貼代碼了,很簡單的正則表達式:

<head>
  <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
  <title></title>
  < http://www.cnblogs.com/babycool -->
  <script src="http://www.gimoo.net/t/js/jquery-1.7.2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#xxxxxx").keyup(function () {
        //如果輸入非數字,則替換為'',如果輸入數字,則在每4位之后添加一個空格分隔
        this.value = this.value.replace(/[^d]/g, '').replace(/(d{4})(?=d)/g, "$1 ");
      })
    });
  </script>
</head>
<body>
  限制只能輸入19個字符
  <input id="xxxxxx" type="text" name="name" value="" maxlength="19" />
  <br />
 
  <br />
  輸入非數字替換為''
  <input type="text" name="name" value="" onkeyup="value=value.replace(/[^d]/g,'')" />
  <br />
  <br />
</body>

頁面效果:

查看圖片

瀏覽器的兼容性:

我在IE7.8.9.10下,firefox,chrome下測試均可以。

以上就是本文的全部內容,希望這個方法也能給遇到相同問題的其他人帶來幫助,也希望大家多多支持綠夏網。



主站蜘蛛池模板: 说木叶原文| 消防知识问答100题| 教师政治学习笔记| 米卡| cctv6 节目表| 网络流行语| hd经典复古性mature| 都市频道今日节目表| 化学奥林匹克竞赛初赛试题 | 中医基础理论试题题库及答案| 雀鬼| 妈妈的朋友泡妞| 90后30岁网名| 巧巧| 春香传在线观看| 笼中女电影| 寡妇电影完整版免费观看| 万万没想到第三季| 太原教育电视台| 67pp| 卧虎在线观看| 大甜甜| 《画江湖之不良人》| 铠甲勇士雷霆雅塔莱斯| 10元人民币图片| 南昌起义 电影| 巢谷传| 厨神驾到全集免费观看完整版| 我的父亲是板凳 电视剧| 林佑星| doors2怪物图鉴| 绝不放弃电影免费观看完整版| 九州电影网| 狗年电影| 湿身美女| 意大利丁导医务员| 囚徒 电影| 比基尼美女跳舞视频| 乔治克鲁尼个人资料| 贝子鸟的叫声大全| 张天爱演过的三级|

!??!站長長期在線接?。?!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103