js实现文本框只能输入数据

最新推荐文章于 2020-11-18 00:49:59 发布
原创 最新推荐文章于 2020-11-18 00:49:59 发布 · 122 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在ASP.NET中使用TextBox控件时限制用户仅能输入数字的方法。通过设置onkeypress事件，确保只有数字键可以被按下；同时，onpaste事件阻止了通过粘贴方式插入非数字字符。

1、TextBox限制只能输入数据

实现原理：每个键有着对应的键码，利用键码对相应的键禁用键盘事件。 

<asp:TextBox ID="txtMoney" runat="server" onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46" onpaste="return !clipboardData.getData('text').match(/\D/)"
                        ondragenter="return false"></asp:TextBox>

2、键码对应表

JS限制文本框只能输入数字和字母方法
10-24
总结来说，通过JavaScript实现文本框输入限制是一个非常实用的前端技术，它能够有效地帮助开发人员控制用户输入，提高数据质量和用户体验。掌握这些技能对于从事Web前端开发的工程师们来说是非常必要的。
js控制文本框只能输入整型数据(int型)
01-13
该程序不仅能阻止用户从键盘输入非整形数据,而且还能检测用户粘贴和拖放的数据是否合法!代码中有详细解释,相信稍微懂js的人都能看懂!
用javascript实现input文本框只能输入中文的方法
anjichan4261的博客
12-11 255
用javascript实现input文本框只能输入中文的方法: <script type="text/javascript"> function ischarsinbag (s, bag) { var i,c; for (i = 0; i < s.length; i++){ c = s.charAt(i);//字符串s中的字符 if (bag.indexOf(c) &g...
js判断只能输入数字和只能输入指定类型内容
09-12 3677
1.文本框只能输入数字代码(小数点也不能输入)    2.只能输入数字,能输小数点.      3.数字和小数点方法二  <input type=text tvalue="" ovalue="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t
JS 控制文本框只能输入中文、英文、数字与指定特殊符号
chicaohun7473的博客
07-19 1342
JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value...
Js 验证文本框只能输入中文的表达式
wang_maosen的专栏
02-14 2695
今天做表单提交的输入框条件验证，验证是否包含中文；网上搜了一圈基于js正则表达式的验证基本不好用，一据搜索结果，本文取精华，告诉大家一个好用的中文验证方法。 网上好多要不无效，从正则表达式生成器 生成出来的中文验证竟然只能输入数字 也是奇葩了； &lt;input type="text" class="familyAddPersonSonInput" ms-duplex="el.emp.Ban...
js限制文本框只能输入数字方法小结
10-25
通过合理地使用JavaScript提供的事件和方法，我们可以实现对用户输入的有效控制，从而达到限制文本框输入内容的目的。这些方法不仅可以用来限制输入数字，还可以通过修改正则表达式来限制其他类型的输入，比如只允许...
文本框只能选择数据到文本框禁止手动输入
09-04
在网页设计和开发中，有时候为了确保用户输入的数据符合特定要求或者提高用户体验，我们可能希望限制用户在文本框（TextBox）中只能通过下拉选择、列表填充等预定义方式选取数据，而禁止直接手动输入。这通常适用...
如何用JavaScript实现文本框仅输入数字并限制大小
最新发布
07-19
在网页开发中，常需实现输入框的特定数据输入限制，如仅允许输入数字，这属于前端验证的常见需求。通过 JavaScript，可轻松实现该功能，并对输入数字进行大小限制。以下是实现此功能的关键知识点。 首先，需使用 ...
js验证只能输入汉字 只能输入数字 只能输入英文和数字 控制输入框只能输入文字或数字。。。
ccyyss的专栏
07-23 3330
只能输入汉字： 只能输入数字：只能输入英文和数字： 控制输入框只能输入文字或数字，也可以不允许输入特殊字符这里不允许输入如下字符: (像 !@#$%^&* 等) 32 && event.keyCode 57 && event.keyCode 90 && event.keyCode  只禁止空格输入onkeyup="value=value.replace(//s/g,
JS 控制文本框只能输入中文、英文、数字与指定特殊符号（屏蔽表情输入）
热门推荐
zhaofuqiangmycomm的博客
08-02 1万+
onkeyup:释放键盘事件 onpaste：粘贴事件 oncontextmenu ：鼠标右击事件 控制这三种事件的输入 onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5\w]/g,'')" 只能输入数字： onkeyup="value=value.replace(/[^\d]/g,'') " 只能输入数字和字母...
JavaScript控制输入框中只能输入中文、数字和英文
游海东的技术专栏
12-31 3833
1、问题背景      遇到这样一个问题：有一个输入框，要求只能输入中文、数字和英文（即过滤特殊字符串） 2、JS代码   function  checkUsername()   {         //正则表达式 var reg = new RegExp("^[a-zA-Z\d\u4E00-\u9FA5]+$");         //获取输入框中的值         v
js限制文本框只能输入数字方法
wengpiwang的博客
02-14 9038
输入大于0的正整数 &lt;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=thi...
js实现限制输入框只能输入汉字
weixin_33690963的博客
07-09 524
<inputonkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"/> 转载...
JS控制input 文本框只允许输入汉字
weixin_30512043的博客
11-17 861
onblur="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"> <input type="text" si...
保证elementUI组件文本域内容为json
草巾冒小子的博客
11-18 2550
前端如何保证elementUI之文本域组件的内容为json格式（json对象） 解决办法： js中string字符串转换为JSON对象 - 方法大全（4种）
实现文本框多格式输入限制的JS方法
标题“js限制文本框输入内容”意味着我们将通过JavaScript来限制用户在文本框中的输入，使其只能输入符合特定规则的内容。限制文本框输入的内容是前端开发中常见的需求，比如限制输入格式、长度、字符类型等。 ### ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值