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的null和undefined区别示例介绍
Sep 15 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
深入理解jQuery中的事件冒泡
May 24 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
js轮播图的插件化封装详解
Jul 17 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
javascript前端实现多视频上传
Dec 13 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利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
在Python中使用元类的教程
2015/04/28 Python
python基于pygame实现响应游戏中事件的方法(附源码)
2015/11/11 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
电话销售经理岗位职责
2013/12/07 职场文书
市场营销专业求职信
2014/06/17 职场文书
办理信用卡工作证明
2014/09/30 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
六年级学生评语大全
2014/12/26 职场文书
边城读书笔记
2015/06/29 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
Python数据分析之绘图和可视化详解
2021/06/02 Python