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学习笔记之jQuery的DOM操作
Dec 22 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
javascript实现根据时间段显示问候语的方法
Jun 18 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
vue-router 学习快速入门
Mar 01 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
bing Map 在vue项目中的使用详解
Apr 09 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 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常量的详解
2013/06/09 PHP
php车辆违章查询数据示例
2016/10/14 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
新闻内页-JS分页
2006/06/07 Javascript
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
python实现ftp客户端示例分享
2014/02/17 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
Python 异常处理Ⅳ过程图解
2019/10/18 Python
pytorch构建多模型实例
2020/01/15 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
俄罗斯电子产品在线商店:UltraTrade
2020/01/30 全球购物
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
幼儿园大班教学反思
2014/02/10 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
异地恋情人节寄语
2015/02/28 职场文书
劳动模范获奖感言
2015/07/31 职场文书
投资入股协议书
2016/03/22 职场文书
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫