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 cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
JavaScript 中使用 Generator的方法
Dec 29 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
前端路由&amp;webpack基础配置详解
Jun 10 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 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 数组排序方法总结 推荐收藏
2010/06/30 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
JQUERY CHECKBOX全选,取消全选,反选方法三
2008/08/30 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
javascript少儿编程关于返回值的函数内容
2018/05/27 Javascript
Python构造函数及解构函数介绍
2015/02/26 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Python使用贪婪算法解决问题
2019/10/22 Python
基于python实现复制文件并重命名
2020/09/16 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
EJB timer的种类
2014/10/28 面试题
运动会广播稿500字
2014/01/28 职场文书
房地产财务管理制度
2014/02/02 职场文书
关爱老人标语
2014/06/21 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
学校志愿者活动总结
2014/06/27 职场文书
保密工作整改报告
2014/11/06 职场文书
李白故里导游词
2015/02/12 职场文书
企业培训简报范文
2015/07/20 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
python 如何用terminal输入参数
2021/05/25 Python
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS
Python Pygame实战之塔防游戏的实现
2022/03/17 Python