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高级程序设计 阅读笔记(二十一) JavaScript中的XML
Sep 14 Javascript
js data日期初始化的5种方法
Dec 29 Javascript
Javascript中的String对象详谈
Mar 03 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
wap手机端解决返回上一页的js实例
Dec 08 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
JavaScript从原型到原型链深入理解
Jun 03 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 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输出全球各个时区列表的方法
2015/03/31 PHP
php操作redis缓存方法分享
2015/06/03 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
在AngularJS中如何使用谷歌地图把当前位置显示出来
2016/01/25 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
javascript中this关键字详解
2016/12/12 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
2020/08/03 Javascript
JS实现百度搜索框
2021/02/25 Javascript
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
利用4行Python代码监测每一行程序的运行时间和空间消耗
2020/04/22 Python
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
自动化职业生涯规划书范文
2014/01/03 职场文书
家长会邀请书
2014/01/25 职场文书
2014年三八妇女节活动总结
2014/03/01 职场文书
2014年小学数学工作总结
2014/12/12 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
初中军训感言
2015/08/01 职场文书
Java 死锁解决方案
2022/05/11 Java/Android