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中常用的55个经典技巧
Aug 12 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
jQuery DOM删除节点操作指南
Mar 03 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
详解vue.js2.0父组件点击触发子组件方法
May 10 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
Angular6封装http请求的步骤详解
Aug 13 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
基于JavaScript实现随机点名器
Feb 25 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 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
Vuex之理解Getters的用法实例
2017/04/19 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
微信小程序image图片加载完成监听
2019/08/31 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
JS中比Switch...Case更优雅的多条件判断写法
2019/09/05 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
Pytorch实现各种2d卷积示例
2019/12/30 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
大学生求职简历的自我评价
2013/10/14 职场文书
法学毕业生自我鉴定
2013/11/08 职场文书
旅游安全协议书
2014/04/21 职场文书
小学师德师风演讲稿
2014/09/02 职场文书
隐形的翅膀观后感
2015/06/10 职场文书
企业催款函范本
2015/06/24 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android