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 相关文章推荐
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
js微信分享实现代码
Oct 11 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
Oct 04 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
jquery检测上传文件大小示例
Apr 26 jQuery
什么是SOLID
Mar 24 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
如何使用Strace调试工具
2013/06/03 PHP
php多文件打包下载的实例代码
2017/07/12 PHP
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
js实现单击图片放大图片的方法
2015/02/17 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
2015/08/05 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
微信小程序开发(一) 微信登录流程详解
2017/01/11 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
ES6新特性之Object的变化分析
2017/03/31 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
使用Python判断IP地址合法性的方法实例
2014/03/13 Python
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
Python模拟用户登录验证
2017/09/11 Python
django 多数据库配置教程
2018/05/30 Python
python 字符串和整数的转换方法
2018/06/25 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
当当网官方旗舰店:中国图书销售夺金品牌
2018/04/02 全球购物
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
Shell编程面试题
2012/05/30 面试题
《水上飞机》教学反思
2014/04/10 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
读书月活动方案
2014/05/22 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
vscode中使用npm安装babel的方法
2021/08/02 Javascript