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 相关文章推荐
用JQuery 实现AJAX加载XML并解析的脚本
Jul 25 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
jQuery 选择符详细介绍及整理
Dec 02 Javascript
bing Map 在vue项目中的使用详解
Apr 09 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
Dec 29 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
js this 绑定机制深入详解
Apr 30 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
基于mysql的bbs设计(一)
2006/10/09 PHP
php导出excel格式数据问题
2014/03/11 PHP
js 数组克隆方法 小结
2010/03/20 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
2011/09/09 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
javascript实现颜色渐变的方法
2013/10/30 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
jQuery学习笔记之回调函数
2016/08/15 Javascript
如何理解Vue的v-model指令的使用方法
2018/07/19 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
Python中将字典转换为列表的方法
2016/09/21 Python
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
python excel转换csv代码实例
2019/08/26 Python
ubuntu上安装python的实例方法
2019/09/30 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
python matlab库简单用法讲解
2020/12/31 Python
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
高校毕业生自我鉴定
2013/10/27 职场文书
就业表自我评价分享
2014/02/06 职场文书
环保标语口号
2014/06/13 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
趣味运动会广播稿
2014/09/13 职场文书
优秀共产党员事迹材料
2014/12/18 职场文书
超市食品安全承诺书
2015/04/29 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书