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 相关文章推荐
javascript实现的网页局布刷新效果
Dec 01 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
jQuery UI Autocomplete 体验分享
Feb 14 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
javascript学习笔记--数字格式类型
May 22 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
May 02 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 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实现向javascript传递数组的方法
2015/07/27 PHP
PHP快速排序算法实现的原理及代码详解
2019/04/03 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
jquery插件之easing 动态菜单
2010/08/21 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
2011/12/20 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
javascript实现数字+字母验证码的简单实例
2014/02/10 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
JavaScript清空数组元素的两种方法简单比较
2015/07/10 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
node中的session的具体使用
2018/09/14 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
微信小程序实现点击效果
2019/06/21 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
简单说明Python中的装饰器的用法
2015/04/24 Python
详解Python的Django框架中的中间件
2015/07/24 Python
Python 专题一 函数的基础知识
2017/03/16 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
python requests 使用快速入门
2017/08/31 Python
Python有序字典简单实现方法示例
2017/09/28 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
python3解析库BeautifulSoup4的安装配置与基本用法
2018/06/26 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
html5 音乐播放器 audio 标签使用概述
2013/07/15 HTML / CSS
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
2014年自我评价
2014/01/04 职场文书
教育技术学专业职业规划书
2014/03/03 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
门面租赁合同范文
2019/08/06 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
python scipy 稀疏矩阵的使用说明
2021/05/26 Python