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高级程序设计 扩展--关于动态原型
Nov 09 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
js处理php输出时间戳对不上号的解决方法
Jun 20 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
JS实现仿QQ效果的三级竖向菜单
Sep 25 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
Dec 19 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
在Vue中使用echarts的方法
Feb 05 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 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
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
第十四节 命名空间 [14]
2006/10/09 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
PHP中redis的用法深入解析
2014/02/20 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
2016/12/24 Javascript
javascript prototype原型详解(比较基础)
2016/12/26 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
jQuery基于Ajax方式提交表单功能示例
2017/02/10 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
pymongo为mongodb数据库添加索引的方法
2015/05/11 Python
解决Python传递中文参数的问题
2015/08/04 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
Python基于百度云文字识别API
2018/12/13 Python
详解python中__name__的意义以及作用
2019/08/07 Python
Python3.6+selenium2.53.6自动化测试_读取excel文件的方法
2019/09/06 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
Unineed旗下时尚轻奢网站:FABHunt
2019/05/13 全球购物
我的大学生活职业生涯规划
2014/01/02 职场文书
开工典礼策划方案
2014/05/23 职场文书
2014年党支部承诺书
2014/05/30 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
赞美教师的句子
2019/09/02 职场文书
详解Java实现设计模式之责任链模式
2021/06/23 Java/Android