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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
AngularJS常见过滤器用法实例总结
Jul 06 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
Postman动态获取返回值过程详解
Jun 30 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
JavaScript手写数组的常用函数总结
Nov 22 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
用libTemplate实现静态网页的生成
2006/10/09 PHP
PHP写的求多项式导数的函数代码
2012/07/04 PHP
PHP实现文件上传下载实例
2016/10/18 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
探索Vue高阶组件的使用
2018/01/08 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
广州地球村科技数据库题目
2016/04/25 面试题
绿色学校实施方案
2014/03/31 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
大学生学习计划书
2014/09/15 职场文书
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang