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 相关文章推荐
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
Nov 19 Javascript
基于javascript实现放大镜特效
Dec 03 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
谈谈PHP的输入输出流
2007/02/14 PHP
PHP 字符串 小常识
2009/06/05 PHP
php变量作用域的深入解析
2013/06/03 PHP
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
PHP遍历某个目录下的所有文件和子文件夹的实现代码
2013/06/28 PHP
php实现将二维关联数组转换成字符串的方法详解
2017/07/31 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
一些常用的JS功能函数代码
2009/06/23 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jQuery中find()方法用法实例
2015/01/07 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
2015/03/02 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
AngularJS 2.0新特性有哪些
2016/02/18 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
vue.js单文件组件中非父子组件的传值实例
2018/09/13 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
跟老齐学Python之编写类之三子类
2014/10/11 Python
Python中的pprint折腾记
2015/01/21 Python
Django实现自定义404,500页面教程
2017/03/26 Python
如何更优雅地写python代码
2019/07/02 Python
使用Python实现画一个中国地图
2019/11/23 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
采用怎样的方法保证数据的完整性
2013/12/02 面试题
大家检讨书5000字
2014/02/03 职场文书
化学教学随笔感言
2014/02/19 职场文书
给病人的慰问信
2015/03/23 职场文书
美容院员工规章制度
2015/08/05 职场文书
教导处教学工作总结
2015/08/12 职场文书
Redis数据同步之redis shake的实现方法
2022/04/21 Redis
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android