分享下js限制输入框中只能输入数字的方法，包括整数与小数，分享几个例子，有需要的朋友参考下。

1.使用正则表达式限制输入框只能输入数字：

1 <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/>

其中，onafterpaste防止用户从其它地方copy内容粘贴到输入框。

2.输入框只能输入字母和下横线的正则表达式

1 <input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">

3.输入框只能输入字母数字和下横线的正则表达式

1 <input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">

或者

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

4. 只能输入数字，能输小数点

input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"><input name=txt1 οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

5，数字和小数点方法二

<input type=text t_value="" o_value="" οnkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" οnkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" οnblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">

封装成单独的函数：

代码如下:

function keyPress(ob) {
 if (!ob.value.match(/^[\+\-]?\d*?\.?\d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; if (ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)) ob.o_value = ob.value;
}
function keyUp(ob) {
 if (!ob.value.match(/^[\+\-]?\d*?\.?\d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; if (ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)) ob.o_value = ob.value;
        }
function onBlur(ob) {
if(!ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))ob.value=ob.o_value;else{if(ob.value.match(/^\.\d+$/))ob.value=0+ob.value;if(ob.value.match(/^\.$/))ob.value=0;ob.o_value=ob.value};
}

只需在调用，传入this对象即可!

6，只能输入字母和汉字

代码如下:

<input οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

7，只能输入英文字母和数字,不能输入中文

代码如下:

<input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

8，只能输入数字和英文

代码如下:

<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

9，小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

 代码如下:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

10，小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

复制代码 代码如下:

<input οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

js限制输入框只能输入数字相关推荐

  1. js/input/输入框 只能输入汉字/数字/英文

    输入框 只能输入汉字/数字/英文 需要自取,丢input里即可, 1.输入框只能输入汉字 onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,' ...

  2. 【 javascript】＜input＞ 实现输入框只能输入数字（个人认为最好的）

    <input> 实现输入框只能输入数字 需求背景: 方案一:使用`JS`限制 input 输入框只能输入纯数字 方案二:`VUE`使用`a-input-number组件`限制 input ...

  3. input输入框只能输入数字，只能输入字母数字组合

    input输入框只能输入数字,字母数字组合,汉字等 input里需要控制输入的类型,可以通过onkeyput或oninput对输入的内容进行校验.输入大小写字母.数字.下划线:onkeyup=&quo ...

  4. 要求输入框只能输入数字跟破折号

    要求输入框只能输入数字跟破折号 让输入框接受像"1234-123456789"这样的数字 让输入框接受像"1234-123456789"这样的数字 <a- ...

  5. 通过javascri实现输入框只能输入数字

    输入框只能输入数字 <input type="text" οnkeyup="value=value.replace(/[^\d]/g,'');"> ...

  6. 控制输入框只能输入数字

    1.将input的属性type改为number 2.这时的输入框会有小箭头, 去掉小箭头的方法,给input添加样式 input::-webkit-outer-spin-button,input::- ...

  7. JS input校验只能输入数字（包括正负数、小数）

    今天做项目刚好遇到对input进行校验的问题,就在网上搜索研究了一下,发现目前多数的校验方法都不行或者是不全面,就试着自己写了一个,刚开始选择直接用正则表达式,发现还是高估自己了('_'),世上无难事 ...

  8. elementUI输入框只能输入数字解决方案

    借鉴地址 需求描述 1.只能输入数字 2.控制输入11位 3.验证如果不是11位提示错误 4.当输入时取消验证,没有错误提示 问题 1.el-input type=number e仍然可以输入,方案p ...

  9. php限制只能输入中文,JS控制Input只能输入数字，汉字，英文的限制方法

    2 楼 shuke[2013-10-30 14:05] 以上是图片替代 SUBMIT提交的方法, 正则表达式限制文本框只能输入数字 许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则 ...

最新文章

  1. 什么是视频编码(Codec)？
  2. airtest自动化测试_【游戏职业说】我在网易做测试开发（QA）
  3. 解决Button设置disabled后无法执行后台代码问题
  4. 自用Excel VBA技巧整理
  5. php判断子字符串位置,PHP怎样查询子字符串位置
  6. cad怎么将图层后置_CAD中如何将某1个图层置于其他图层之上.doc
  7. Lua利用cjson读写json
  8. python 私有属性一个_和两个_的区别_python-面向对象-13-私有属性
  9. vue : 无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本
  10. 云电脑搭配量子计算机,量子计算机和量子模拟器
  11. matlab 载波相位估计,光纤通信相干检测系统中波形处理与载波相位估计的研究...
  12. 学习笔记-Leaflet加载北京地铁线路
  13. 小米基于OpenStack搭建私有云平台技术架构大揭秘！
  14. 【uni-app】总结uni-app订单支付和打包发布
  15. s60 微信 服务器繁忙,微信Mars — 移动互联网下的高质量网络连接探索
  16. 思科模拟器动态路由器的配置（rip）
  17. 利用FFmpeg API进行字符叠加和加水印
  18. 在qt中使用opengl绘制图形动画
  19. Java 输出1-100之内的所有质数
  20. 高德地图使用-高亮某块区域

热门文章

  1. php吓人,网友分享最细思极恐的真实经历，截图太可怕…
  2. electron不是内部或外部命令，也不是可运行的程序
  3. 16位片内地址的I2C SLAVE接口设计
  4. [读书笔记]Spring中BeanFactory和ApplicationContext的联系和区别
  5. win10 任务栏全透明，一键设置（translucentTB）
  6. 操作系统饥饿现象_操作系统中的饿死现象怎样理解？
  7. 下列适合作为服务器操作系统的是,江苏专转本计算机真题 含答案
  8. 使用阿里云的oss对图片加水印并且字体大小自适应（阿里云oss暂不支持字体大小自适应）
  9. 你应该知道的50个项目管理术语（下）
  10. JavaScript提升（你不知道的JavaScript）