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 相关文章推荐
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 Javascript
JavaScript实现同时调用多个函数的方法
Nov 09 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
Angular 4环境准备与Angular cli创建项目详解
May 27 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
Node.js实现简单的爬取的示例代码
Jun 25 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
js实现固定区域内的不重叠随机圆
Oct 24 Javascript
JavaScript观察者模式原理与用法实例详解
Mar 10 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 Javascript
vue实现lodop打印功能的示例
Nov 11 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学习笔记之 函数声明(二)
2011/06/09 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
php下获取http状态的实现代码
2014/05/09 PHP
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
JavaScript中创建对象的模式汇总
2016/04/19 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
jquery做个日期选择适用于手机端示例
2017/01/10 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
微信小程序 如何引入外部字体库iconfont的图标
2018/01/31 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
python Pygame的具体使用讲解
2017/11/03 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
人工神经网络算法知识点总结
2019/06/11 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
python生成器用法实例详解
2019/11/22 Python
Pycharm小白级简单使用教程
2020/01/08 Python
序列化Python对象的方法
2020/08/01 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
行政专员岗位职责范本
2014/08/26 职场文书
goland设置颜色和字体的操作
2021/05/05 Golang
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript
使用python生成大量数据写入es数据库并查询操作(2)
2022/09/23 Python