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 相关文章推荐
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
JS实现自定义简单网页软键盘效果代码
Nov 05 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
javascript数组去重方法总结(推荐)
Mar 20 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
微信小程序云开发实现增删改查功能
May 17 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 Javascript
js实现金山打字通小游戏
Jul 24 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调用MySQL的存储过程的实现代码
2008/08/12 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
2014/08/22 PHP
PHP文件操作实例总结
2016/09/27 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
php根据地址获取百度地图经纬度的实例方法
2019/09/03 PHP
JQuery入门——事件切换之toggle()方法应用介绍
2013/02/05 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
angularJS Provider、factory、service详解及实例代码
2016/09/21 Javascript
详解Angular 4.x 动态创建组件
2017/04/25 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
vue引入axios同源跨域问题
2018/09/27 Javascript
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python+jinja2实现接口数据批量生成工具
2019/08/28 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Python装饰器用法与知识点小结
2020/03/09 Python
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
英语翻译系毕业生求职信
2013/09/29 职场文书
行政专员岗位职责范本
2014/08/26 职场文书
维稳工作情况汇报
2014/10/27 职场文书
廉政承诺书
2015/01/19 职场文书
杜甫草堂导游词
2015/02/03 职场文书
财务个人年度总结范文
2015/02/26 职场文书
观后感的写法
2015/06/19 职场文书
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python