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 相关文章推荐
利用location.hash实现跨域iframe自适应
May 04 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
node.js超时timeout详解
Nov 26 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
Nov 06 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 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.MVC的模板标签系统(二)
2006/09/05 PHP
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
AngularJS指令用法详解
2016/11/02 Javascript
js实现HTML中Select二级联动的实例
2018/01/05 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
Python实现发送email的几种常用方法
2014/08/18 Python
Python实现在线程里运行scrapy的方法
2015/04/07 Python
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
Scrapy框架爬取Boss直聘网Python职位信息的源码
2019/02/22 Python
python按比例随机切分数据的实现
2019/07/11 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
世界上最好的帽子:Tilley
2016/11/27 全球购物
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
酷瑞网络科技面试题
2012/03/30 面试题
大学生职业生涯规划书模板
2014/01/18 职场文书
优秀交警事迹材料
2014/01/26 职场文书
最新离婚协议书范本
2014/08/19 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书
小平您好观后感
2015/06/09 职场文书
小学见习报告
2015/06/23 职场文书
公司联欢会主持词
2015/07/04 职场文书