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 相关文章推荐
javascript针对DOM的应用分析(二)
Apr 15 Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
js检查是否关闭浏览器的方法
Aug 02 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 Javascript
vuejs实现下拉框菜单选择
Oct 23 Javascript
在vue中使用image-webpack-loader实例
Nov 12 Javascript
详解Vue.js 可拖放文本框组件的使用
Mar 03 Vue.js
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获取字段名示例分享
2014/03/03 PHP
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
2015/09/14 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
nodejs操作mongodb的增删改查功能实例
2017/11/09 NodeJs
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
python连接mysql调用存储过程示例
2014/03/05 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
2020/03/27 Python
python批量生成条形码的示例
2020/10/10 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
django使用多个数据库的方法实例
2021/03/04 Python
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
年会主持词结束语
2014/03/27 职场文书
家庭教育的心得体会
2014/09/01 职场文书
夫妻婚内购房协议书
2014/10/05 职场文书
2014年人大工作总结
2014/12/10 职场文书
公司表扬信格式
2015/05/04 职场文书
现货白银电话营销话术
2015/05/29 职场文书
导游词之无锡梅园
2019/11/28 职场文书
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
关于Python使用turtle库画任意图的问题
2022/04/01 Python