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 相关文章推荐
如何在标题栏显示框架内页面的标题
Feb 03 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
npm配置国内镜像资源+淘宝镜像的方法
Sep 07 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
微信小程序实现多行文字滚动
Nov 18 Javascript
AngularJS实现多级下拉框
Mar 25 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
让你的网站首页自动选择语言转跳
2006/12/06 PHP
PHP 5.0对象模型深度探索之类的静态成员
2008/03/27 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
php实现修改新闻时删除图片的方法
2015/05/12 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
laravel 解决ajax异步提交数据,并还回填充表格的问题
2019/10/15 PHP
Javascript 面试题随笔
2011/03/31 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
用vite搭建vue3应用的实现方法
2021/02/22 Vue.js
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
Python语言的面相对象编程方式初步学习
2016/03/12 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
基于Python和C++实现删除链表的节点
2020/07/06 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
实习评语
2013/12/16 职场文书
食品安全承诺书
2014/05/22 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
国际政治学专业推荐信
2014/09/26 职场文书
2015年小学图书室工作总结
2015/05/18 职场文书
初中数学教学随笔
2015/08/15 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js