JS 对输入框进行限制(常用的都有)


Posted in Javascript onJuly 30, 2013

1.文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"> 
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text tvalue="" ovalue="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value" onblur="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.ovalue=this.value}">

4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input onkeyup="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 onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"> 
//只能输入汉字: 
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"> 
//只能输入数字: 
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 
//只能输入英文和数字: 
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 
//控制输入框只能输入文字或数字,也可以不允许输入特殊字符 
//这里不允许输入如下字符: (像 !@#$%^&* 等)<br> 
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;"> 
//只禁止空格输入 
onkeyup="value=value.replace(/\s/g,'')" 
//只能输入中文和英文: 
onkeyup="value=value.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"
Javascript 相关文章推荐
js实现最短的XML格式化工具实例
Mar 12 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
Jan 04 Javascript
canvas仿iwatch时钟效果
Mar 06 Javascript
jquery插件开发之选项卡制作详解
Aug 30 jQuery
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 #Javascript
js中widow.open()方法使用详解
Jul 30 #Javascript
Extjs NumberField后面加单位实现思路
Jul 30 #Javascript
Js中获取frames中的元素示例代码
Jul 30 #Javascript
js中的屏蔽的使用示例
Jul 30 #Javascript
使用js正则控制input标签只允许输入的值
Jul 29 #Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
Jul 29 #Javascript
You might like
模拟OICQ的实现思路和核心程序(二)
2006/10/09 PHP
PHP中的类-什么叫类
2006/11/20 PHP
PHP图片上传类带图片显示
2006/11/25 PHP
php中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
从javascript语言本身谈项目实战
2006/12/27 Javascript
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
Python实现的Excel文件读写类
2015/07/30 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Python当中的array数组对象实例详解
2019/06/12 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
Python爬虫实现HTTP网络请求多种实现方式
2020/06/19 Python
Python识别处理照片中的条形码
2020/11/16 Python
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
导游实习生自荐书
2014/01/28 职场文书
五心教育心得体会
2014/09/04 职场文书
高中毕业典礼演讲稿
2014/09/09 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
旷工检讨书1000字
2015/01/01 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python