js控制文本框输入的字符类型方法汇总


Posted in Javascript onJune 19, 2015

JS 控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')">

JS 控制文本框只能输入数字、小数点

<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')"  oncontextmenu ="value=value.replace(/[^\0-9\.]/g,'')">

JS 控制文本框只能输入英文

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS 控制文本框只能输入英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

JS 控制文本框只能输入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字、空格

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')">

JS 控制文本框只能输入中文、英文、数字、小数点

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">

总而言之:

 先在‘<input>' 里输入

    onkeyup="value=value.replace(/[^\X]/g,'')"

然后在(/[\X]/g,'')里的 X换成你想输入的代码就可以了,

中文u4E00-u9FA5,数字0-9,英文a-z\A-Z,其它符号@、点或其它符号。

也可以多个,用\隔开就行了。
例如:中英文 + 数字 + @符号 + 点符号  \a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话

就要在'<input>'里输入onpaste="return false" oncontextmenu="return false;"

Javascript 相关文章推荐
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
Mar 30 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
微信小程序之圆形进度条实现思路
Feb 22 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
socket在egg中的使用实例代码详解
May 30 Javascript
使用微信SDK自定义分享的方法
Jul 03 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 #Javascript
JavaScript中模拟实现jsonp
Jun 19 #Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 #Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 #Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 #Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 #Javascript
javascript格式化日期时间方法汇总
Jun 19 #Javascript
You might like
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
PHP文件生成的图片无法使用CDN缓存的解决方法
2015/06/20 PHP
List Installed Software Features
2007/06/11 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
js格式化时间的方法
2015/12/18 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
JS中定位 position 的使用实例代码
2017/08/06 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
[01:34]完美“圣”典宣传片震撼发布,12.17与你不见不散
2016/12/16 DOTA
python从网络读取图片并直接进行处理的方法
2015/05/22 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
python如何获取列表中每个元素的下标位置
2019/07/01 Python
Python数学形态学实例分析
2019/09/06 Python
Python中的流程控制详解
2021/02/18 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
详解css3 Transition属性(平滑过渡菜单栏案例)
2017/09/05 HTML / CSS
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
团组织关系介绍信
2014/01/12 职场文书
生日寄语大全
2014/04/08 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
群教班子对照检查材料
2014/08/26 职场文书
通讯稿格式及范文
2015/07/22 职场文书
民政局2016年“六一”儿童节慰问活动总结
2016/04/06 职场文书
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers
Python日志模块logging用法
2022/06/05 Python
mysql幻读详解实例以及解决办法
2022/06/16 MySQL