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 相关文章推荐
js 页面执行时间计算代码
Mar 04 Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
JS简单获得节点元素的方法示例
Feb 10 Javascript
基于iview的router常用控制方式
May 30 Javascript
ES6中Symbol、Set和Map用法详解
Aug 20 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 Javascript
React 父子组件通信的实现方法
Dec 05 Javascript
npm全局环境变量配置详解
Dec 15 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 缓存函数代码
2008/08/27 PHP
phpcms模块开发之swfupload的使用介绍
2013/04/28 PHP
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
JavaScript 原型学习总结
2010/10/29 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
JQuery悬停控制图片轮播——代码简单
2015/08/05 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
返回函数的JavaScript函数
2016/06/14 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
js控制台输出的方法(详解)
2016/11/26 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python实现的多线程端口扫描工具分享
2015/01/21 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
对pycharm 修改程序运行所需内存详解
2018/12/03 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
Python读取指定日期邮件的实例
2019/02/01 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
django框架ModelForm组件用法详解
2019/12/11 Python
python中rc1什么意思
2020/06/19 Python
python代码能做成软件吗
2020/07/24 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
animation和transition的区别
2020/10/12 HTML / CSS
工厂厂长岗位职责
2013/11/08 职场文书
销售会计工作职责
2013/12/02 职场文书
求职信模板怎么做
2014/01/26 职场文书
草船借箭教学反思
2014/02/03 职场文书
git中cherry-pick命令的使用教程
2022/06/25 Servers