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设置FieldSet展开与收缩
May 15 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
Nov 25 Javascript
Angular2数据绑定详解
Apr 18 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
Sep 16 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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
杏林同学录(七)
2006/10/09 PHP
获取URL文件名后缀
2013/10/24 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
基于jQuery实现页面搜索功能
2020/03/26 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
vue.js中created方法作用
2018/03/30 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
python列表与元组详解实例
2013/11/01 Python
python删除列表中重复记录的方法
2015/04/28 Python
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
英文商务邀请信
2014/01/22 职场文书
关于读书的演讲稿400字
2014/08/27 职场文书
党员民主生活会材料
2014/12/15 职场文书
产品质量保证书范本
2015/02/27 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python