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 来操作字符串(一些字符串函数)
Feb 15 Javascript
avalon js实现仿微博拖动图片排序
Aug 14 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 Javascript
微信小程序实现图片轮播及文件上传
Apr 07 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
如何基于原生javaScript生成带图片的二维码
Nov 21 Javascript
Vue学习之常用指令实例详解
Jan 06 Javascript
JS FormData对象使用方法实例详解
Feb 12 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
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
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
基于PHP常用字符串的总结(待续)
2013/06/07 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
js 动态选中下拉框
2009/11/26 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
获取select元素被选中的文本内容的js代码
2014/01/29 Javascript
window.onerror()的用法与实例分析
2016/01/27 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
利用vue-router实现二级菜单内容转换
2016/11/30 Javascript
提高Node.js性能的应用技巧分享
2017/08/10 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
简述JS控制台的使用
2018/07/15 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
laypage.js分页插件使用方法详解
2019/07/27 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
Python实现网站文件的全备份和差异备份
2014/11/30 Python
Python中str.format()详解
2017/03/12 Python
Python制作刷网页流量工具
2017/04/23 Python
在VS Code上搭建Python开发环境的方法
2018/04/06 Python
python的xpath获取div标签内html内容,实现innerhtml功能的方法
2019/01/02 Python
Python实现检测文件的MD5值来查找重复文件案例
2020/03/12 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
NFL官方在线商店:NFLShop
2020/07/29 全球购物
企业党员公开承诺书
2014/03/26 职场文书
场地使用证明模板
2014/10/25 职场文书
2014年教务工作总结
2014/12/03 职场文书
会计工作能力自我评价
2015/03/05 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python
Redis实现分布式锁的五种方法详解
2022/06/14 Redis