js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码


Posted in Javascript onSeptember 09, 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 控制文本框只能输入数字、小数点

<inputonkeyup="value=value.replace(/[^\0-9\.]/g,'')"onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu ="value=value.replace(/[^\0-9\.]/g,'')">

JS 控制文本框只能输入英文

<inputonkeyup="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 控制文本框只能输入英文、数字

<inputonkeyup="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 控制文本框只能输入中文

<inputonkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字

<inputonkeyup="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 控制文本框只能输入中文、英文、数字、空格

<inputonkeyup="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 控制文本框只能输入中文、英文、数字、小数点

<inputonkeyup="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实现可拖动的浮动层完整代码
May 27 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
带有定位当前位置的百度地图前端web api实例代码
Jun 21 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
Vuex的初探与实战小结
Nov 26 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
vue 解决provide和inject响应的问题
Nov 12 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 #Javascript
jQuery简单创建节点的方法
Sep 09 #Javascript
javascript 四十条常用技巧大全
Sep 09 #Javascript
前端弹出对话框 js实现ajax交互
Sep 09 #Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 #Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 #Javascript
JS图片放大效果简单实现代码
Sep 08 #Javascript
You might like
谈谈PHP语法(3)
2006/10/09 PHP
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
PHP将URL转换成短网址的算法分享
2016/09/13 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
Js+XML 操作
2006/09/20 Javascript
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
python处理xml文件的方法小结
2017/05/02 Python
用python实现的线程池实例代码
2018/01/06 Python
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
Python登录注册验证功能实现
2018/06/18 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
Python3远程监控程序的实现方法
2019/07/15 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
总结python 三种常见的内存泄漏场景
2020/11/20 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
澳洲的服装老品牌:SABA
2018/02/06 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
舞蹈比赛获奖感言
2014/02/04 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
人生一定要学会的三样东西:放下、忘记、珍惜
2019/08/21 职场文书
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript