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 相关文章推荐
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
理解 JavaScript EventEmitter
Mar 29 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
JavaScript实现表单验证功能
Dec 09 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/04/29 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
Python检测QQ在线状态的方法
2015/05/09 Python
Python selenium文件上传方法汇总
2020/11/19 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
Python subprocess库的使用详解
2018/10/26 Python
linux环境中没有网络怎么下载python
2019/07/07 Python
基于python实现蓝牙通信代码实例
2019/11/19 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
Python中生成ndarray实例讲解
2021/02/22 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
介绍一下sql server的安全性
2014/08/10 面试题
索桥的故事教学反思
2014/02/06 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
作风大整顿心得体会
2014/09/10 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
干部外出学习心得体会
2016/01/18 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
导游词之广州陈家祠
2019/10/21 职场文书
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技