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 当前日期加(天、周、月、年)
Aug 09 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
Feb 11 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
JS使用cookie保存用户登录信息操作示例
May 30 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
Aug 29 Javascript
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
详细解读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作为网站开发语言的原因分享
2012/01/03 PHP
PHP 之Section与Cookie使用总结
2012/09/14 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
php简单统计中文个数的方法
2016/09/30 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
php实现简易计算器
2020/08/28 PHP
javascript 实现父窗口引用弹出窗口的值的脚本
2007/08/07 Javascript
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
浅谈Angular路由守卫
2017/08/26 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
2017/12/15 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
python轻松实现代码编码格式转换
2015/03/26 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
阿波罗盒子:Apollo Box
2017/08/14 全球购物
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
研发工程师的岗位职责
2013/11/18 职场文书
公积金转移接收函
2014/01/11 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
Python基础之hashlib模块详解
2021/05/06 Python
MySQL数据库索引的最左匹配原则
2021/11/20 MySQL
Python中requests库的用法详解
2022/06/05 Python