Javascript控制文本框只能输入数字

最新推荐文章于 2024-07-16 21:18:13 发布
最新推荐文章于 2024-07-16 21:18:13 发布
阅读量447 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 输入法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cloudgamer/article/details/5808266
本文提供了一个关于如何在网页表单中限制用户输入特定字符的代码示例，具体包括只允许输入数字及小数点的方法，并阻止用户通过粘贴、拖拽等方式引入非数字字符。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<input
onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"
onpaste="return !clipboardData.getData('text').match(//D/)"
ondragenter="return false"
style="ime-mode:Disabled"
>


说明
1 只能输入0到9和小数点
2 只能粘贴数字
3 不能拖动内容进来
4 禁止使用输入法

cloudgamer
关注
兼容ie8的Javascript控制文本框只能输入数字[有修改，兼容IE、火狐等浏览器]
kerryqpw的博客
03-31 323
Javascript控制文本框只能输入数字[有修改，兼容IE、火狐等浏览器] 方法一： <input onkeypress = "return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46" onpaste = "return !clipboardData.getDa...
js限制文本框只能输入数字方法小结
12-09
有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如，输入大于0的正整数 <input onkeyup=”if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,”)}else{this.value=this.value.replace(/\D/g,”)}” onafterpaste=”if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,”)}else{this.value=thi
JS限制文本框只能输入数字和字母方法
12-12
限制只能输入数字 代码如下: // ———————————————————————- // // 限制只能输入数字 // demo: $(“.onlyNum”).onlyNum(); 限制使用了onlyNum类样式的控件只能输入数字 // // ———————————————————————- $.fn.onlyNum = function () {     $(this).keypress(function (event) {         var eventObj = event || e;         var keyCode = even
在网页里让文本框只能输入数字的一种方法。外加回车换Tab
jyk 金色海洋工作室 ASP.NET经验总结
08-28 1100
第一步利用样式表。style="ime-mode:disabled"  onkeydown="myKeyDown()">第二步利用js脚本。function myKeyDown(){    var   k=window.event.keyCode;       if ((k==46)||(k==8)||(k==189)||(k==109)||(k==1
js控制文本框只能输入数字
jiangzh1982的专栏
12-31 131
&lt; input onkeypress ="return event.keyCode&gt;=48&amp;&amp;event.keyCode&lt;=57||event.keyCode==46" onpaste ="return !clipboardData.getData('text').match(/\D/)" ondragenter ="return false...
jQuery控制文本框只能输入数字和字母及使用方法
10-22
### jQuery限制文本框输入数字和字母的方法 1. **限制文本框只能输入数字** 通过jQuery的`$.fn.onlyNum`函数，我们可以实现对文本框输入内容的限制。这个函数通过监听`keypress`事件来拦截用户的输入。在`...
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
10-21
接下来，我会详细解析如何使用JavaScript来控制文本框只能输入中文、英文、数字以及指定的特殊符号，并提供相应的实现代码。 首先，我们需要了解输入文本框的一些基本事件，这些事件可以帮助我们捕捉用户的输入动作...
如何用JavaScript实现文本框仅输入数字并限制大小
最新发布
07-19
通过 JavaScript，可轻松实现该功能，并对输入数字进行大小限制。以下是实现此功能的关键知识点。 首先，需使用 JavaScript 监听文本框的键盘事件。文中提到的 onkeyup 事件是 JavaScript 的一种事件监听方法，当...
js限制输入框只能输入数字(onkeyup触发)
12-11
例子：html代码 <input type=”text” name=”” id=”box” /> 通常都直接用： <input type=”text” name=”” id=”box” onkeyup=”value=value.replace(/[^\d]/g,”)”/> 以上的缺点是，当你正确输入的是一串数字后，想用光标移动到前面修改其中的一个数字，发现移不动，所以就显示了下面的方法的好处 其实加个if更加和谐： $('input#box').keyup(function(){ var c=$(this); if(/[^\d]/.test(c.val())){//替换非
js控制文本框只输入数字和小数点的方法
12-11
本文实例讲述了js控制文本框只输入数字和小数点的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, “”);//清除“数字”和“.”以外的字符  obj.value = obj.value.replace(/^\./g, “”);//验证第一个字符是数字而不是.  obj.value = obj.value.replace(/\.{2,}/g, “.”);//只保留第一个. 清除多余的.  obj.value = obj.value.replace(
js 文本框只能输入数字和小数点
zhoubo0123的博客
07-16 506
/清除“数字”和“.”以外的字符。//只保留第一个. 清除多余的.obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.
JavaScript html js文本框只能输入数字
黑色头发
03-28 284
[code="html"] [/code] 黑色头发:http://heisetoufa.iteye.com/
js 限制文本框只能输入数字
ngcsnow的专栏
06-01 146
写js常用到event、keyCode、returnValue，浏览器兼容性很难搞，今天整理了一下做个笔迹，支持ie、firefox、chrome等浏览器。代码如下：   function pageOnlyNumber(evt){ evt = (evt) ? evt : window.event; keyCode = evt.keyCode ? evt.keyCode : (evt.w...
js限制文本框只能输入数字
An丶的博客
04-03 648
&lt;input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" /&gt;
js 输入框只输入数字
2201_75993727的博客
10-12 161
value = e.replace(/[^\d.]/g, '')
js限制文本框只能输入数字HTML
SELECT_BIN的博客
07-03 399
对于有的展示框需要提供可编辑功能的， 尤其是在表格里面的操作： 本人前端萌新，留着自己用，也供大家参考：这里用的onkeyup HTML： <td th:text="${map.count}" th:id="count+(${indexInc.index}+1)" onkeyup="isNumber(this)" contenteditable="true">&...
js限制文本框只能输入数字方法
Zxdth的博客
04-06 934
输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.r
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值