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 相关文章推荐
Google Map API更新实现用户自定义标注坐标
Jul 29 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 Javascript
JS通过Cookie判断页面是否为首次打开
Feb 05 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
对node.js中render和send的用法详解
May 14 Javascript
自己动手封装一个React Native多级联动
Sep 19 Javascript
javscript 数组扁平化的实现
Feb 03 Javascript
JavaScript缺少insertAfter解决方案
Jul 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
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
for循环连续求和、九九乘法表代码
2012/02/20 PHP
php限制ip地址范围的方法
2015/03/31 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
网站上面有这种切换效果
2006/06/26 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
JS简单生成随机数(随机密码)的方法
2017/05/11 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
详解Python中的array数组模块相关使用
2016/07/05 Python
Python编写Windows Service服务程序
2018/01/04 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
python求最大值最小值方法总结
2019/06/25 Python
如何使用python操作vmware
2019/07/27 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
给你一面国旗 教你用python画中国国旗
2019/09/24 Python
Python面向对象之继承原理与用法案例分析
2019/12/31 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
python输出pdf文档的实例
2020/02/13 Python
浅谈Python中的字符串
2020/06/10 Python
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
村干部培训方案
2014/05/02 职场文书
党员民主评议个人总结
2014/10/20 职场文书
公司与个人合作协议书
2016/03/19 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS
mysql中between的边界,范围说明
2021/06/08 MySQL