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 相关文章推荐
用正则表达式 动态创建/增加css style script 兼容IE firefox
Mar 10 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
Oct 29 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
jquery购物车结算功能实现方法
Oct 29 Javascript
Vue.js手风琴菜单组件开发实例
May 16 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
Sep 30 Javascript
javascript删除数组元素的七个方法示例
Sep 09 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
Feb 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开发中四种查询返回结果分析
2011/01/02 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
Thinkphp中数据按分类嵌套循环实现方法
2014/10/30 PHP
PHP whois查询类定义与用法示例
2019/04/03 PHP
有关DOM元素与事件的3个谜题
2010/11/11 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
JS图片预加载三种实现方法解析
2020/05/08 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python中的pass语句使用方法讲解
2015/05/14 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
python中的随机函数小结
2018/01/27 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
体育学院毕业生自荐信
2013/11/03 职场文书
缴纳养老保险的证明
2014/01/10 职场文书
社区节水倡议书
2015/04/29 职场文书
有关水浒传的读书笔记
2015/06/25 职场文书