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中return false(阻止)的用法
Aug 14 Javascript
浅谈javascript的调试
Jan 28 Javascript
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
用JavaScript获取页面文档内容的实现代码
Jun 10 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
vue.js循环radio的实例
Nov 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/08 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
php实现短信发送代码
2015/07/05 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
js获取input标签的输入值实现代码
2013/08/05 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
vue.js实现三级菜单效果
2019/10/19 Javascript
vue3.0 上手体验
2020/09/21 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python实现简单拆分PDF文件的方法
2015/07/30 Python
python3制作捧腹网段子页爬虫
2017/02/12 Python
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
Matplotlib中文乱码的3种解决方案
2018/11/15 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
财务工作个人求职的自我评价
2013/12/19 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
小学教师评语大全
2014/04/23 职场文书
2014年学校工作总结
2014/11/20 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
2015年科协工作总结
2015/05/19 职场文书
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python