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 相关文章推荐
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
Javascript实现单例模式
Jan 24 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
Sep 04 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
详解vue 组件
Jun 11 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中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
2011/11/04 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
JavaScript验证图片类型(扩展名)的函数分享
2014/05/05 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
js实现自动图片轮播代码
2017/03/22 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
2019/11/08 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
python如何随机生成高强度密码
2020/08/19 Python
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
幼师自荐信范文
2013/10/06 职场文书
三查三看党性分析材料
2014/02/18 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
导游词之重庆渣滓洞
2020/01/08 职场文书