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 相关文章推荐
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
Javascript基础 函数“重载” 详细介绍
Oct 25 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
js构造函数、索引数组和属性的实现方式和使用
Nov 16 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
Feb 16 Javascript
JavaScript基本类型值-Number类型
Feb 24 Javascript
Vue组件中slot的用法
Jan 30 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
vuex中store存储store.commit和store.dispatch的用法
Jul 24 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 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与MySQL开发的8个技巧小结
2010/12/17 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
2013/11/18 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
2014/09/01 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
vue 修改 data 数据问题并实时显示的方法
2018/08/27 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
Python3基础之条件与循环控制实例解析
2014/08/13 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
基于pip install django失败时的解决方法
2018/06/12 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
Django Channel实时推送与聊天的示例代码
2020/04/30 Python
python中pdb模块实例用法
2021/01/15 Python
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
汽车专业毕业生自荐信
2013/11/03 职场文书
揭牌仪式主持词
2014/03/19 职场文书
喜之郎果冻广告词
2014/03/20 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
融资合作协议书范本
2014/10/17 职场文书
自主招生自荐信范文
2015/03/04 职场文书
捐款通知怎么写
2015/04/24 职场文书
员工加薪申请报告
2015/05/15 职场文书
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL