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 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
Javascript 解疑
Nov 11 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
js中更短的 Array 类型转换
Oct 30 Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 Javascript
禁用Enter键表单自动提交实现代码
May 22 Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
使用 bootstrap modal遇到的问题小结
Nov 09 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
react 创建单例组件的方法
Apr 26 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 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
用定制的PHP应用程序来获取Web服务器的状态信息
2006/10/09 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
详解PHP防止直接访问.php 文件的实现方法
2017/07/28 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
2013/06/09 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
JS添加或修改控件的样式(Class)实现方法
2016/10/15 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
js里面的变量范围分享
2020/07/18 Javascript
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
推荐下python/ironpython:从入门到精通
2007/10/02 Python
Python中zip()函数用法实例教程
2014/07/31 Python
Python打包可执行文件的方法详解
2016/09/19 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
Python实现将Excel转换为json的方法示例
2017/08/05 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
python3实现随机数
2018/06/25 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
澳大利亚网上书店:QBD
2021/01/09 全球购物
幼儿教师自我剖析材料
2014/09/29 职场文书
合作合同协议书范本
2015/01/27 职场文书
亲戚关系证明
2015/06/24 职场文书
幼儿园开学报名通知
2015/07/16 职场文书