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 相关文章推荐
键盘控制事件应用教程大全
Nov 24 Javascript
将jQuery应用于login页面的问题及解决
Oct 17 Javascript
js实现单一html页面两套css切换代码
Apr 11 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
js上传图片预览的实现方法
May 09 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
package.json配置文件构成详解
Aug 27 Javascript
vue中使用vee-validator完成表单校验方案
Nov 01 Javascript
AJAX学习笔记
May 18 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
用PHP写的一个冒泡排序法的函数简单实例
2016/05/26 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
2013/09/22 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
基于wordpress的ajax写法详解
2018/01/02 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
Python的装饰器用法学习笔记
2016/06/24 Python
Python中格式化format()方法详解
2017/04/01 Python
python+POP3实现批量下载邮件附件
2018/06/19 Python
Python实现快速排序的方法详解
2019/10/25 Python
python生成并处理uuid的实现方式
2020/03/03 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
校园文化标语
2014/06/18 职场文书
关于美容院的活动方案
2014/08/14 职场文书
2014年设计师工作总结
2014/11/25 职场文书
消夏晚会主持词
2015/06/30 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers