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 相关文章推荐
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
smartcrop.js智能图片裁剪库
Oct 14 Javascript
学习Javascript面向对象编程之封装
Feb 23 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
javascript 网页进度条简单实例
Feb 22 Javascript
package.json文件配置详解
Jun 15 Javascript
在vue中使用setInterval的方法示例
Apr 16 Javascript
uin-app+mockjs实现本地数据模拟
Aug 26 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动态变静态原理
2006/11/25 PHP
深入PHP异步执行的详解
2013/06/03 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
python验证码识别的实例详解
2016/09/09 Python
python 内置函数filter
2017/06/01 Python
Python机器学习算法之k均值聚类(k-means)
2018/02/23 Python
pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)
2020/04/15 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
html5 迷宫游戏(碰撞检测)实例一
2013/07/25 HTML / CSS
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
活动志愿者自荐信
2014/01/27 职场文书
平面设计专业求职信
2014/08/09 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
销售助理岗位职责
2015/02/11 职场文书
教师求职信怎么写
2015/03/20 职场文书
同意报考证明
2015/06/17 职场文书
写作技巧:怎样写好一份优秀工作总结?
2019/08/14 职场文书
python 如何在list中找Topk的数值和索引
2021/05/20 Python
Python数据分析之绘图和可视化详解
2021/06/02 Python
MongoDB使用场景总结
2022/02/24 MongoDB
CSS浮动引起的高度塌陷问题
2022/08/05 HTML / CSS