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 相关文章推荐
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
vue配置font-awesome5的方法步骤
Jan 27 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
vue设置一开始进入的页面教程
Oct 28 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 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
Yii2中datetime类的使用
2016/12/17 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
ExtJS的FieldSet的column列布局
2009/11/20 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
js或css实现滚动广告的几种方案
2010/01/28 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
浅析js封装和作用域
2013/07/09 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
jquery实现标题字体变换的滑动门菜单效果
2015/09/07 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
NodeJs form-data格式传输文件的方法
2017/12/13 NodeJs
vue结合Echarts实现点击高亮效果的示例
2018/03/17 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
Python使用redis pool的一种单例实现方式
2016/04/16 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
护士自荐信怎么写
2013/10/18 职场文书
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android