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 相关文章推荐
ie 调试javascript的工具
Apr 29 Javascript
javascript中的startWith和endWith的几种实现方法
May 07 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
node.js文件上传处理示例
Oct 27 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
node.js入门学习之url模块
Feb 25 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
Apr 13 Javascript
对node.js中render和send的用法详解
May 14 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 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
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
js判断undefined变量类型使用typeof
2013/06/03 Javascript
nodejs中实现阻塞实例
2015/03/24 NodeJs
js库Modernizr的介绍和使用
2015/05/07 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
微信小程序通过一个json实现分享朋友圈图片
2019/09/03 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
Python 列表(List)操作方法详解
2014/03/11 Python
使用Python读取大文件的方法
2018/02/11 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
基于DataFrame改变列类型的方法
2018/07/25 Python
python字符串Intern机制详解
2019/07/01 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
英国网上电器商店:Electricshop
2020/03/15 全球购物
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
图书馆标语
2014/06/19 职场文书
生物工程专业求职信
2014/09/03 职场文书
2014标准社保办理委托书
2014/10/06 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
汽车修理厂管理制度
2015/08/05 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang