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 相关文章推荐
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
最好用的Bootstrap fileinput.js文件上传组件
Dec 12 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
浅谈Express异步进化史
Sep 09 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
javascript 设计模式之享元模式原理与应用详解
Apr 08 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
PHP的FTP学习(二)
2006/10/09 PHP
用PHP和ACCESS写聊天室(八)
2006/10/09 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
php实现的短网址算法分享
2014/06/20 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
PHP7 参数处理机制修改
2021/03/09 PHP
js tab 选项卡
2009/04/26 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
JavaScript类库D
2010/10/24 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
[29:10]Ti4 冒泡赛第二天 NEWBEE vs Titan 3
2014/07/15 DOTA
Django中URLconf和include()的协同工作方法
2015/07/20 Python
详解python之简单主机批量管理工具
2017/01/27 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
Python打印输出数组中全部元素
2018/03/13 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
python 使用shutil复制图片的例子
2019/12/13 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
语文教育专业应届生求职信
2013/11/23 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
预备党员党支部意见
2015/06/02 职场文书
大一新生军训新闻稿
2015/07/17 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS