js控制文本框禁止输入特殊字符详解


Posted in Javascript onApril 07, 2017

在开发难免遇到一些前端需要验证输入的数据是否合法的问题,收集分享在这里同学们使用,欢迎补充。

1.标签上直接替换方法:

JS 控制不能输入特殊字符

<input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')";

this.value=this.value.replace(/[^u4e00-u9fa5w]/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(/[^\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,'')">

2.输入之后立即清除:

//验证输入框内不能输入特殊字符,输入就立刻清除

 function cleanSpelChar(th){   
  if(/["'<>%;)(&+]/.test(th.value)){      
  $(th).val(th.value.replace(/["'<>%;)(&+]/,""));   
  } 

}

3.如果是特殊字符,禁止输入:

//验证输入框内不能输入特殊字符,输入前先作判断 

function processSpelChar(){   
var code;   var character;  
 if(document.all){     
  code = window.event.keyCode;   
}else{     
  code = arguments.callee.caller.arguments[0].which;  
 }   
var character = String.fromCharCode(code);   
var txt = new RegExp(/["'<>%;)(&+]/);  
 if(txt.test(character)){     
    if(document.all){       
    window.event.returnValue = false;    
   }else{      
     arguments.callee.caller.arguments[0].preventDefault();    
 }   
} 
}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 Javascript
js调用网络摄像头的方法
Dec 05 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
ES6学习笔记之Set和Map数据结构详解
Apr 07 #Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 #Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 #Javascript
利用js的闭包原理做对象封装及调用方法
Apr 07 #Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 #Javascript
socket.io实现在线群聊功能
Apr 07 #Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 #Javascript
You might like
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
一个简洁的多级别论坛
2006/10/09 PHP
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
js实现的折叠导航示例
2013/11/29 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
利用Python学习RabbitMQ消息队列
2015/11/30 Python
Python算法应用实战之队列详解
2017/02/04 Python
python计算两个地址之间的距离方法
2018/06/09 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
对python周期性定时器的示例详解
2019/02/19 Python
python写入文件自动换行问题的方法
2019/07/05 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
中国领先的专业家电网购平台:国美在线
2016/12/25 全球购物
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
建筑专业毕业生推荐信
2013/11/21 职场文书
教育实习生的自我评价分享
2013/11/21 职场文书
司机职责范本
2014/03/08 职场文书
公务员检讨书
2014/11/01 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
奔腾年代观后感
2015/06/09 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP
Django实现WebSocket在线聊天室功能(channels库)
2021/09/25 Python