禁止所有文本框输入特殊字符

 1 function getValue(o) {
 2     if (o.tagName != ‘‘) {
 3         tagname = o.tagName;
 4     }
 5     if ($(o).attr(‘id‘)) {
 6         attrid = $(o).attr(‘id‘);
 7     }
 8     if ($(o).val()) {
 9         tagvalue = $(o).val();
10     }
11 }
12 var tagname = ‘‘;
13 var attrid = ‘‘;
14 var tagvalue = ‘‘;
15 document.oninput = function (e) {
16     var o = e.srcElement || e.target;
17     getValue(o);
18     if (tagname != ‘‘ && (tagname == ‘INPUT‘ || tagname == ‘TEXTAREA‘)) {
19         if (tagvalue != ‘‘ && !/^[^\;‘&"<>]*$/.test(tagvalue)) {
20             var str = tagvalue.replace(/;/gm, ‘‘).replace(/\\/gm, ‘‘).replace(/&/gm, ‘‘).replace(/"/gm, ‘‘).replace(/</gm, ‘‘).replace(/>/gm, ‘‘);
21             $(o).val(str);//把过滤特殊字符后的内容赋值给文本框
22             tagvalue = ‘‘;//当输入第一个字符为特殊字符,回退键删除后会有缓存
23             return false;
24         }
25         return true;
26     }
27 };
28 document.onkeydown = function (e) {
29     var o = e.srcElement || e.target;
30     getValue(o);
31     //console.log(e.keyCode);
32     if (tagname != ‘‘ && (tagname == ‘INPUT‘ || tagname == ‘TEXTAREA‘)) {
33         if (e.keyCode == 222 || e.keyCode == 220 || (e.keyCode == 220 && e.shiftKey)) {
34             return false
35         }
36     }
37     return true;
38 };
时间: 2024-10-22 03:13:54

禁止所有文本框输入特殊字符的相关文章

禁止input文本框输入select无法选择

readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值. 代码如下:<input type="text" name="en_name" readonly="readonly" /> disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传

文本框输入数字倒计实例代码

文本框输入数字倒计实例代码:一般情况下,文本框中文字的个数并不是无限的,也就是说具有一定的限制,在人性化程度较好的网站一般有输入文字倒计效果,这样可以便于浏览者组织语言,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>文本框输入文字倒计实例代码-蚂蚁部落</title> <style t

简单的文本框输入自动提示

简单的文本框输入自动提示--输入的时候可以直接异步加载数据库中匹配的项,然后显示出来. 这里没有使用到数据库,直接在PHP用数组模拟数据存储.  demo演示 原理主要是: 监听输入框的状态,当有改变的时候即刻通过ajax发送数据并取得返回值. 主要使用了jQuery封装很方便,但貌似我这个兼容性不咋地...主要提供个思路吧~ js部分: <script type="text/javascript" src="./js/jquery.min.js">&l

制作一个简单的文本框输入的网页

题目:制作一个简单的网页(包含一个文本框.一个按钮),在页面上输出用户在文本框输入的内容,要求用JavaScript获取文本框内容. 一.首先利用html在网页上制作表单,代码如下: **onclick事件:onclick 事件会在对象被点击时发生. 二.利用js获取输入信息,并将其输出: 相关知识: 1.给用户确认消息,真正实现交互,使用语句confirm();给用户提示信息,实现单向通信,使用语句alert(). 三.运行结果: 1.用浏览器打开结果如下: 2.输入文本框内容,点击[提交]:

监听文本框输入开发仿新浪微博限制输入字数的textarea插件

监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入.粘贴.鼠标粘贴时触发). onpropertychange 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘

实现文本框输入内容提示代码实例

实现文本框输入内容提示代码实例:比较人性化的网站一般都是比较讲究细节的,比如文本框输入内容具有提示效果,在默认情况下,文本框有提示文本,当鼠标放入文本框输入文本的时候,提示文本会消失,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="ht

文本框输入限定数字或小数

<input id="amount" style="IME-MODE: disabled; WIDTH: 60px; HEIGHT: 15px" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="5" size="

文本框输入完成后隐藏键盘

隐藏虚拟键盘的两种方式 文本框输入信息后,隐藏键盘: 两种方式,第一种如果输入字符,可以直接按return键,隐藏键盘:第二种方式按屏幕空白的地方,隐藏界面. 实现方式: 方式一:给文本框增加Action,选择事件类型为Did End On Exit,然后实现方法中增加逻辑代码: 方式二:触碰背景,首先要修改背景类,默认UIView是不响应事件,修改为UIControl,是其子类,并增加动作backgroupTap,对应事件类型为TouchDown: 实现代码如下所示: .h文件增加输出口和动作

IOS不触发文本框输入中文的keyup事件

问题描述:IOS不触发文本框输入中文的keyup事件,在输入中文之后需要点击回退按键,才会开始搜索.问题分析:IOS的输入法(不管是第三方还是自带)能检测到英文或者数字的keyup事件,检测不到中文的keyup事件.解决方案:把keyup事件换成[input]和[propertychange]事件. var eventName = (navigator.userAgent.indexOf("MSIE")!=-1) ? "propertychange" :"