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 相关文章推荐
Highslide.js是一款基于js实现的网页中图片展示插件
Mar 30 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
JavaScript基础函数整理汇总
Jan 30 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
BootStrap中Table分页插件使用详解
Oct 09 Javascript
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 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获取$_POST同名参数数组的实现介绍
2013/06/30 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
Python编程实现蚁群算法详解
2017/11/13 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
Lampenwelt德国:欧洲领先的灯具和照明在线商店
2018/08/05 全球购物
应届生会计求职信
2013/11/11 职场文书
工程开工庆典邀请函
2014/02/01 职场文书
致400米运动员广播稿
2014/02/07 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
公司租房协议书
2014/10/14 职场文书
2015年电信员工工作总结
2015/05/26 职场文书
CPU不支持Windows11系统怎么办
2021/11/21 数码科技