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 toggleClass 实现鼠标移上变色
May 14 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
jQuery实现返回顶部功能
Feb 23 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
基于滚动条位置判断的简单实例
Dec 14 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
Jan 16 Javascript
基于Fixed定位的框选功能的实现代码
May 13 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
如何用Node.js编写内存效率高的应用程序
Apr 30 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或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
javascript radio 联动效果
2009/03/04 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
浅析node.js中close事件
2014/11/26 Javascript
JavaScript限定图片显示大小的方法
2015/03/11 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
原生JS控制多个滚动条同步跟随滚动效果
2017/12/22 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
python支持断点续传的多线程下载示例
2014/01/16 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
Python面向对象程序设计之继承与多继承用法分析
2018/07/13 Python
python版本五子棋的实现代码
2018/12/11 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
基于Django OneToOneField和ForeignKey的区别详解
2020/03/30 Python
python绘图模块之利用turtle画图
2021/02/12 Python
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
如何写一份好的自荐信
2014/01/02 职场文书
海飞丝的广告词
2014/03/20 职场文书
文明倡议书范文
2014/04/15 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
客服专员岗位职责范本
2015/04/07 职场文书
质量承诺书格式范文
2015/04/28 职场文书
与死神共舞观后感
2015/06/15 职场文书