脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 禁止输入特殊字符

js控制文本框禁止输入特殊字符详解

 更新时间：2017年04月07日 15:06:24   作者：自成e家  
本文主要介绍了js控制文本框禁止输入特殊字符的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

在开发难免遇到一些前端需要验证输入的数据是否合法的问题，收集分享在这里同学们使用，欢迎补充。

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 两种刷新方法以及区别和适用范围

    这篇文章主要介绍了Javascript 两种刷新方法以及区别和适用范围的相关资料,需要的朋友可以参考下
    2017-01-01
  • JavaScript canvas实现镜像图片效果

    JavaScript canvas实现镜像图片效果

    这篇文章主要为大家详细介绍了JavaScript canvas实现镜像图片效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • js操作iframe兼容各种主流浏览器示例代码

    js操作iframe兼容各种主流浏览器示例代码

    遇到了操作iframe的相关问题，其实就是在操作iframe内部某个窗体时，调用父窗体的一个函数，下面与大家分享下操作iframe兼容各种浏览器的方法
    2013-07-07
  • 纯Javascript实现Windows 8 Metro风格实现

    纯Javascript实现Windows 8 Metro风格实现

    Windows 8 Metro风格设计，实现网站或系统功能的导航，在本文将为大家介绍下如何用纯Javascript实现Windows 8 Metro风格，感兴趣的朋友可以参考下
    2013-10-10
  • JavaScript判断浏览器对CSS3属性是否支持的多种方法

    JavaScript判断浏览器对CSS3属性是否支持的多种方法

    其实在使用css3的一些属性时，为了兼顾低端浏览器对CSS3的不友好性，往往需要知道某些浏览器是否支持要使用的CSS3属性，以此来做向下适配。比如常见的CSS3动画就很有必要检测浏览器是否支持。下面本文就分享了几种方法，有需要的朋友们可以参考借鉴。
    2016-11-11
  • js实现百度登录框鼠标拖拽效果

    js实现百度登录框鼠标拖拽效果

    这篇文章主要为大家详细介绍了js实现百度登录框鼠标拖拽效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 禁止JS运行的代码

    禁止JS运行的代码

    如果我们要让页面上的javascript不运行，方法最简单的就是使用noscript标签，经常被用来屏蔽那些免费空间要加上的JS。
    2011-01-01
  • JavaScript Alert通用美化类

    JavaScript Alert通用美化类

    只有msg是必须的，后面的参数可以省略。如果中间的参数为空则在对应位置上''或者""表示（根据实际情况选择单双引号） 调用此方法须在每个使用的页面的head区域加入下面代码。
    2009-11-11
  • 详解javascript中原始数据类型Null和Undefined

    详解javascript中原始数据类型Null和Undefined

    这篇文章主要介绍了javascript中原始数据类型Null和Undefined的相关资料,需要的朋友可以参考下
    2015-12-12
  • JS传参及动态修改页面布局

    JS传参及动态修改页面布局

    本篇文章主要介绍了JS传参及动态修改页面布局的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04

最新评论