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里使用Dom操作Xml
Jan 22 Javascript
由JavaScript技术实现的web小游戏(不含网游)
Jun 12 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
js写的方法实现上传图片之后查看大图
Mar 05 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
javascript中数组方法汇总
Jul 07 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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
Content-type 的说明
2006/10/09 PHP
Zend Guard一些常见问题解答
2008/09/11 PHP
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
带左右箭头图片轮播的JS代码
2013/12/18 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
canvas实现钟表效果
2017/02/13 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
pandas数据集的端到端处理
2019/02/18 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
Python 实现简单的客户端认证
2020/07/29 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
css3实现动画的三种方式
2020/08/24 HTML / CSS
美国最大点评网站:Yelp
2018/02/14 全球购物
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
如何判断计算机可能已经中马
2013/03/22 面试题
《晏子使楚》教学反思
2014/02/08 职场文书
产品开发计划书
2014/04/27 职场文书
思想道德自我评价2015
2015/03/09 职场文书
z-index不起作用
2021/03/31 HTML / CSS
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
Go web入门Go pongo2模板引擎
2022/05/20 Golang