js input 限制输入的各种方法
JS判断只能是数字和小数点
1.文本框只能输入数字代码(小数点也不能输入)
<input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
2.只能输入数字,能输小数点.
<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='';}">
3.数字和小数点方法二
<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}">
4.只能输入字母和汉字
<input οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
5.只能输入英文字母和数字,不能输入中文
<input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
只能是数字和小数点和加减乘際
οnkeypress="return event.keyCode>=4&&event.keyCode<=57"
js input 限制输入的各种方法相关推荐
- 移动端手机网站限制input只能输入数字
<input type="tel" name="num" value="1" maxlength="8" auto ...
- 【杂记】(input获取焦点失去焦点、获取input中输入的值、 键盘事件、js事件、Math 属性、手机自适应meta定义、 去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框)
1. input获取焦点失去焦点 input:focus{border:1px red solid:} 获取焦点 .focus()失去焦点.blur() 2. 获取input中输入的值 <inp ...
- html字段最大长度限制,html input 限制输入的长度并提示的方法
html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料,没有测试过),但为了防止一些 input 的输入数据过长来做一些限制,该如何实现呢?这篇文章就来介绍一下, ...
- input输入框限制只能输入数字的方法
在项目中会遇到表单填写的时候在input中输入纯数字的情况,这个时候需要我们在输入框对用户的输入做一些限制 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup=&quo ...
- vue.js表格赋值_vue.js input框之间赋值方法
如下所示: demo.html Index Page 测试 {{ result1 }} 测试 {{ result2 }} demo.js new Vue({ el: "#demo" ...
- php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下 本文实例讲述了JS简单获取并修改in ...
- html+input改变图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 将小图标当做input的背景来插入,直接上代码吧: Box{ height: 50px; backgroun ...
- js input 正则保留2位小数中文拼音输入问题 + 限制输入整数的方案
js input 正则保留2位小数中文拼音输入问题 + 限制输入整数的方案 problem 背景 element ui el-input组件 原生input事件 需求 限制输入框的输入 只允许输入数字 ...
- node.js安装后输入“node -v”提示‘node‘ 不是内部或外部命令,也不是可运行的程序的解决方法
二大原因 原因1 如果已经安装了node.js,但在cmd运行node -v 报错node.js安装后输入"node -v"提示'node' 不是内部或外部命令,也不是可运行的程序 ...
最新文章
- eclipse 64位 免安装_Python-3.6.6(32/64)位 软件安装教程
- Apache Flink 零基础入门(七)Flink中keyBy三种方式指定key
- Matlab C++混合编程 在VisualStudio下的编程 使用了Opencv库
- [BZOJ3093][Fdu校赛2012] A Famous Game(不等概率)
- 在前端团队的那些日子(初见)
- BetaMeow----利用机器学习做五子棋AI
- 代码健壮性 —— 边界条件的判断
- java开发16g内存够吗_Java 内存模型 ,一篇就够了!
- jmp连mysql_mongo connect BI 连接至Power BI
- 逻辑谬误_大规模分布式计算的谬误
- 《新唐书·李白传》原文及翻译
- Flappy bird制作过程
- 秦令令:移动营销跨越之年
- 游戏开发中常见的几种碰撞检测
- 台式计算机风扇为什么光散热,电脑噪音太大了,要如何降噪?其实不光是风扇的事!...
- php 应用宝支付,手游渠道应用宝接入总结
- 手机打不开html,如何解决手机浏览器打不开网页的问题,原来是这样的
- 如何找出电脑内的重复文件,查找电脑磁盘重复文件的方法
- 这位闯进程序员界的维密天使,她到底可以编出什么?!
- 【办公类-11】20220611python 为每个孩子创建统一的照片整理三级文件夹