jQuery+正则+文本框只能输入数字的实现方法

网络编程发布日期：2024/10/3 浏览次数：1

正在浏览：jQuery+正则+文本框只能输入数字的实现方法

网站中的一个小功能：要求用户只能输入16位数字。

试过javascript的方法：

如：一种方法：

//只允许输入数字
     function checkkey2(value, e) {
       var key = window.event "htmlcode">

用正则表达式限制只能输入数字：
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="/UploadFiles/2021-04-02/jquery-1.7.2.min.js">

页面效果：

浏览器的兼容性：
我在IE7.8.9.10下，firefox，chrome下测试均可以。 
以上就是小编为大家带来的jQuery+正则+文本框只能输入数字的实现方法全部内容了，希望大家多多支持~

上一篇：JS控制FileUpload的上传文件类型实例代码

下一篇：JS只能输入正整数的简单实例

一句话新闻

高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布

高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。