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 相关文章推荐
破解Session cookie的方法
Jul 28 Javascript
jQuery库与其他JS库冲突的解决办法
Feb 07 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
Aug 18 Javascript
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
基于JavaScript Array数组方法(新手必看篇)
Aug 20 Javascript
JavaScript第一篇之实现按钮全选、功能
Aug 21 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
JavaScript实现无穷滚动加载数据
May 06 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
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
php mysql数据库操作分页类
2008/06/04 PHP
php中转义mysql语句的实现代码
2011/06/24 PHP
thinkphp中html:list标签传递多个参数实例
2014/10/30 PHP
两个php日期控制类实例
2014/12/09 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
php微信公众号开发之简答题
2018/10/20 PHP
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
2014/09/09 Javascript
Js实现自定义右键行为
2015/03/26 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
js实现字符全排列算法的简单方法
2017/05/01 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
node Buffer缓存区常见操作示例
2019/05/04 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
python基础教程之数字处理(math)模块详解
2014/03/25 Python
python实现根据窗口标题调用窗口的方法
2015/03/13 Python
Python简单实现TCP包发送十六进制数据的方法
2016/04/16 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
Pycharm快捷键配置详细整理
2020/10/13 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
九年级英语教学反思
2014/01/31 职场文书
商业房地产广告语
2014/03/13 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
贷款收入证明格式
2015/06/24 职场文书
Python实现简繁体转换
2021/06/07 Python
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
SQLServer常见数学函数梳理总结
2022/08/05 MySQL