JS实现控制文本框的内容


Posted in Javascript onJuly 10, 2016

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;"

以上这篇JS实现控制文本框的内容就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 文件本身编码转换 图文教程
Oct 12 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
Vue分页组件实例代码
Apr 17 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
阿里大于短信验证码node koa2的实现代码(最新)
Sep 07 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
微信小程序中如何计算距离某个节日还有多少天
Jul 15 Javascript
vue实现全屏滚动效果(非fullpage.js)
Mar 07 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 #Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 #Javascript
JS实现点击事件统计的简单实例
Jul 10 #Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 #Javascript
js生成随机数(指定范围)的实例代码
Jul 10 #Javascript
JS获取随机数和时间转换的简单实例
Jul 10 #Javascript
JS生成不重复的随机数组的简单实例
Jul 10 #Javascript
You might like
解析php入库和出库
2013/06/25 PHP
PHP如何实现跨域
2016/05/30 PHP
PHP处理数组和XML之间的互相转换
2016/06/02 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
javascript利用控件对windows的操作实现原理与应用
2012/12/23 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
2014/02/04 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
express框架下使用session的方法
2019/07/31 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
Python中的index()方法使用教程
2015/05/18 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
python全栈知识点总结
2019/07/01 Python
浅谈python3中input输入的使用
2019/08/02 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
总经理秘书的岗位职责
2013/12/27 职场文书
小学生家长评语集锦
2014/01/30 职场文书
医院标语大全
2014/06/23 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
停车位租赁协议书
2014/09/24 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
Python中的datetime包与time包包和模块详情
2022/02/28 Python
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis