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获取当前ip的代码
May 10 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
jQuery之折叠面板的深入解析
Jun 19 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
使用JavaScript开发IE浏览器本地插件实例
Feb 18 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
Angular2环境搭建具体操作步骤(推荐)
Aug 04 Javascript
微信小程序实现列表页的点赞和取消点赞功能
Nov 02 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
JavaScript中的排序算法代码
2011/02/22 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
2020/10/29 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
Python创建日历实例
2014/08/21 Python
python实现简单遗传算法
2018/03/19 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
Python+OpenCv制作证件图片生成器的操作方法
2019/08/21 Python
python下载库的步骤方法
2019/10/12 Python
详解numpy矩阵的创建与数据类型
2019/10/18 Python
Python生成词云的实现代码
2020/01/14 Python
Python中格式化字符串的四种实现
2020/05/26 Python
Python3如何使用多线程升程序运行速度
2020/08/11 Python
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
小学家长评语大全
2014/04/16 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
优秀志愿者感言
2015/08/01 职场文书
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL