js控制文本框输入数据

最新推荐文章于 2024-06-08 10:35:46 发布
最新推荐文章于 2024-06-08 10:35:46 发布
阅读量3.3k 收藏 2
点赞数
分类专栏： 小白杂记
  1. <span style="color:#000000;font-size: 16px;">
  2. 1.文本框只能输入数字代码(小数点也不能输入)  
  3. <input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">  
  4.   
  5. 2.只能输入数字,能输小数点.  
  6. <input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  
  7. <input name=txt1 οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">  
  8.   
  9. 3.数字和小数点方法二  
  10. <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}">  
  11.   
  12. 4.只能输入字母和汉字  
  13. <input οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">  
  14.   
  15. 5.只能输入英文字母和数字,不能输入中文  
  16. <input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">  
  17.   
  18. 6.只能输入数字和英文<font color="Red">chun</font>  
  19. <input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">  
  20.   
  21. 7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:  
  22. <input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">  
  23.   
  24. 8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:  
  25. <input οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">  
  26.   
  27. 只能是数字和小数点和加减乘際  
  28.   
  29. οnkeypress="return event.keyCode>=4&&event.keyCode<=57"  
  30.   
  31.    
  32.   
  33. =====================================================================================================  
  34.   
  35. JS只能让输入框输入数字   
  36. 说明  
  37. 1 只能输入0到9和小数点  
  38. 2 只能粘贴数字  
  39. 3 不能拖动内容进来  
  40. 4 禁止使用输入法   
  41.   
  42.   
  43. <html>  
  44. <head>  
  45. <meta http-equiv="content-Type" content="text/html;charset=gb2312">  
  46. <title>js 只能输入数字和小数点</title>  
  47. <script language="JavaScript" type="text/javascript">  
  48. function clearNoNum(obj)  
  49. {  
  50. //先把非数字的都替换掉，除了数字和.  
  51. obj.value = obj.value.replace(/[^\d.]/g,"");  
  52. //必须保证第一个为数字而不是.  
  53. obj.value = obj.value.replace(/^\./g,"");  
  54. //保证只有出现一个.而没有多个.  
  55. obj.value = obj.value.replace(/\.{2,}/g,".");  
  56. //保证.只出现一次，而不能出现两次以上  
  57. obj.value = obj.value.replace(".","$#{1}quot;).replace(/\./g,"").replace("$#{1}quot;,".");  
  58. }  
  59. </script>  
  60. </head>  
  61. <body>  
  62. <!--把下面代码加到<body>与</body>之间-->  
  63. 只能输入数字和小数点的文本框：<input id="input1" οnkeyup="clearNoNum(this)">  
  64. </body>  
  65. </html>  
  66.   
  67.    
  68.   
  69. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">     
  70. <html>     
  71.   <head>     
  72.     <title>输入框只能输入数字</title>     
  73.   </head>     
  74.         
  75.   <body>     
  76.     <input type="text" name="num" id="num" οnkeypress="return keypress(event)">     
  77.     <script type="text/javascript">     
  78.        function keypress(e){      
  79.         ee = e ? e : window.event ? event : null;      
  80.          var keyNum = event.keyCode;      
  81.          var keyChar = String.fromCharCode(keyNum);      
  82.          var regDig = /\d/g;      
  83.          if(regDig.test(keyChar) || keyChar == ""){      
  84.            return true;      
  85.          }      
  86.          var regDot = /\./g;      
  87.          if (regDot.test(keyChar) && !regDot.test(document.getElementById("num").value)){      
  88.            return true;      
  89.          }      
  90.          return false;      
  91.        }      
  92.     </script>     
  93.   </body>     
  94. </html>     
  95.   
  96. </span> 

转载至http://blog.csdn.net/lianbaixue/article/details/17355981

baidu_36981830
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
input输入框的几种js
11-29
1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 3.数字和小数点方法二 4.只能输入字母和汉字 5.只能输入英文字母和数字,不能输入中文...
js文本框输入内容智能提示效果
11-23
在本例中，我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能，这种功能常见于搜索引擎、输入框自动补全等场景，可以极大地提升用户输入体验。 1. **事件监听**： 在这个例子中，使用了`keyup`事件来...
js控制输入框
Memory1011的博客
03-15 428
转自：http://www.pinlue.com/article/2019/11/2221/409812495947.html
JS入门---输入、输出、变量、简单数据类型
最新发布
primebrake的博客
06-08 920
js分为内嵌式的js、外部js和行内式的js。
js之输入框
起风啦
07-11 866
小白新手，若有错误，多多指教，在此感谢了。 &lt;!DOCTYPE html&gt;    //文档定义类型  告诉浏览器这是html文件 &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt;
js的输入框，判断框，提示框
小韩Boy
06-01 2万+
如下： <script> alert("123456"); // 提示框： alert("提示内容"); var name=prompt("请输入您的名字","xxx"); // 输入框 var name= prompt("提示内容","默认内容"); // name 为输入的内容 var a = confirm("是否确定"); // 提示框： confir...
操作元素实例-文本框操作 ：显示隐藏文本框内容、新浪微博密码判断(基础)
qq_41853417的博客
09-23 1万+
显示隐藏文本框内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t
js控制文本框禁止输入特殊字符详解
12-29
在开发难免遇到一些前端需要验证输入的数据是否合法的问题，收集分享在这里同学们使用，欢迎补充。 ...JS 控制文本框只能输入数字 <input onkeyup=value=value.replace(/[^0-9]/g,'') onpaste=
javascript限制文本框输入值类型的方法
10-24
在JavaScript中，限制文本框（`<input type="text">`）输入值的类型是一项常见的需求，例如确保用户只能输入特定格式的数据，如数字、日期或其他格式。在本例中，我们将关注如何限制文本框只接受数字和小数点。这...
js控制文本框只能输入整型数据(int型)
01-13
该程序不仅能阻止用户从键盘输入非整形数据,而且还能检测用户粘贴和拖放的数据是否合法!代码中有详细解释,相信稍微懂js的人都能看懂!
文本框只能选择数据到文本框禁止手动输入
09-04
在网页设计和开发中，有时候为了确保用户输入的数据符合特定要求或者提高用户体验，我们可能希望限制用户在文本框（TextBox）中只能通过下拉选择、列表填充等预定义方式选取数据，而禁止直接手动输入。这通常适用...
js实现输入框输入的自动匹配功能
05-27
NULL 博文链接：https://weick.iteye.com/blog/603092
html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
weixin_36185512的博客
06-04 408
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中div层同步获取文本框内容的方法。分享给大家供大家参考。具体实现方法如下：复制代码 代码如下:文本框中输入文字，页面中div层同步获取文本框内容textarea{width:300px;height:1...
JavaScript输出语句，输入框，确认框
weixin_45084986的博客
03-30 521
alert()控制浏览器弹出一个警告窗 document.write()向body中输出一个内容 console.log()向控制台输出一个内容
如何将js里的变量的值赋给文本框
weixin_43240792的博客
04-25 7288
举个例子 将变量text的值赋给 id="test"的input框 <html> <head> <script type="text/javascript" language="Javascript1.1"> 　　var text="aaa"; 　document.getElementById("test").value = text; ...
JS基础用户输入框prompt
eight_eyes_fish的博客
12-02 3979
结果1：如果用户点击了确定，则返回用户输入的内容,类型是字符串型。结果2:如果用户点击了取消，则返回null。返回值可以用变量接收，返回结果有两种。用法：prompt(“提示内容”)
关于JavaScript文本框输入输出的问题
qq_40307529的博客
07-21 2669
获取文本框的内容可以通过document.getElementById().value;来完成。 而改变文本框的内容可以通过document.getElementById().value=**；来完成
JS实现点击按钮添加输入框并输出值
热门推荐
qq_42583562的博客
12-29 2万+
【代码】JS实现点击按钮添加输入框并输出值。
js自动模拟用户键盘输入/自动触发输入事件/自动触发input事件
qq_17627195的博客
11-01 3830
输入框自动填写内容后，无法触发表单的提交，需要出发input事件。
js文本框输入数据后页面无反应
05-25
可能是因为你没有正确地绑定事件监听器来处理文本框输入事件。你可以尝试使用以下代码来监听文本框输入事件，并将输入的文本显示在页面上： ```javascript const inputElement = document.querySelector('#input');...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值