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 18 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
jQuery实现的登录浮动框效果代码
Sep 26 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
小程序实现上传视频功能
Aug 18 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
Jan 26 Vue.js
JavaScript实现筛选数组
Mar 02 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
syphon 虹吸式咖啡冲泡冲煮倒水的得与失
2021/03/03 冲泡冲煮
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
简单实用jquery版三级联动select示例
2013/07/04 Javascript
js中事件的处理与浏览器对象示例介绍
2013/11/29 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
jQuery如何封装输入框插件
2016/08/19 Javascript
微信小程序开发入门基础教程
2017/04/19 Javascript
mocha的时序规则讲解
2019/02/16 Javascript
ios中视频的最后一桢问题解决
2019/05/14 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
2020/11/09 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
Python pickle模块用法实例
2015/04/14 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
浅谈Django2.0 加xadmin踩的坑
2019/11/15 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
馥绿德雅美国官方网站:Rene Furterer头皮护理专家
2019/05/01 全球购物
2013届毕业生求职信范文
2013/11/20 职场文书
机电一体化自荐信
2013/12/10 职场文书
医院总经理岗位职责
2014/02/04 职场文书
保护环境建议书
2014/03/12 职场文书
学校教研活动总结
2014/07/02 职场文书
辞职书格式样本
2015/02/26 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
配置nginx 重定向到系统维护页面
2021/06/08 Servers
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
实例详解Python的进程,线程和协程
2022/03/13 Python