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 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
Javascript Select操作大集合
May 26 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
jQuery学习笔记之回调函数
Aug 15 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
如何重置vue打印变量的显示方式
Dec 06 Javascript
JS常用跨域方法实现原理解析
Dec 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
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
php页面缓存方法小结
2015/01/10 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
2014/10/29 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
详解vue项目打包步骤
2019/03/29 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
Python使用xlwt模块操作Excel的方法详解
2018/03/27 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
Python tcp传输代码实例解析
2020/03/18 Python
Python正则表达式如何匹配中文
2020/05/27 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
最新的咖啡店创业计划书
2013/12/30 职场文书
职工运动会邀请函
2014/01/19 职场文书
行政助理的岗位职责
2014/02/18 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python