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 相关文章推荐
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
Javascript继承(上)——对象构建介绍
Nov 08 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
JavaScript实现网页截图功能
Oct 16 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
js中作用域的实例解析
Mar 16 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
详解WordPress中的头像缓存和代理中的缓存更新方法
2016/03/01 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
XML的代替者----JSON
2007/07/21 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
table insertRow、deleteRow定义和用法总结
2014/05/14 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
浅析Vue.js 中的条件渲染指令
2018/11/19 Javascript
angular 服务随记小结
2019/05/06 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
JavaScript闭包原理与用法学习笔记
2020/05/29 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
对Python 除法负数取商的取整方式详解
2018/12/12 Python
python pandas生成时间列表
2019/06/29 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
Python常用编译器原理及特点解析
2020/03/23 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
会计专业毕业自荐书范文
2014/02/08 职场文书
企业年会主持词
2014/03/27 职场文书
给上级领导的感谢信
2015/01/22 职场文书
幼儿园小班个人总结
2015/02/12 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
2016年教师节感言
2015/12/09 职场文书
导游词之广西漓江
2019/11/02 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android