首页 > 代码库 > 使用Uploadify 时，同时使用了jQuery.Validition 验证控件时，在IE11上出现JS缺少对象错误。
使用Uploadify 时，同时使用了jQuery.Validition 验证控件时，在IE11上出现JS缺少对象错误。
场景：
使用jQuery.1.8.2
使用 Uploadify 3.2上传控件
使用jQuery.Validition 1.9 验证
使用IE 11 时，当鼠标点击上传按钮时，会出现JS 缺少对象错误。如下图：
错误定位在jQuery中.
排查后发现是引用了jQuery Validition 验证控件导致的。
在jQuery Validition控件初始化中，有下面一段代码：
$currentSection .validateDelegate(":text, [type=‘password‘], [type=‘file‘], select, textarea, " + "[type=‘number‘], [type=‘search‘] ,[type=‘tel‘], [type=‘url‘], " + "[type=‘email‘], [type=‘datetime‘], [type=‘date‘], [type=‘month‘], " + "[type=‘week‘], [type=‘time‘], [type=‘datetime-local‘], " + "[type=‘range‘], [type=‘color‘] ", "focusin focusout keyup", delegate) .validateDelegate("[type=‘radio‘], [type=‘checkbox‘], select, option", "click", delegate);
你只要将这段代码注释掉，错误就会消失。
查看一下validateDelegate这个方法：
$.fn.validateDelegate= function(delegate, type, handler) { // 验证委托 return this.on(type, function(event) { var target = $(event.target); if (target.is(delegate)) { return handler.apply(target, arguments); } }); };
里面只是对元素绑定一下事件，没有什么特殊代码。
尝试在Html中移除了jQuery.validitioin插件后，在当前页面写入以下代码：
$("form").on("focusin focusout keyup",function(){ // TODO: });
这段代码也会导致上面说的问题。
因为是在jQuery上抛出的错误，定位到jQuery中：
acceptData: function( elem ) { var noData = http://www.mamicode.com/elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];"classid") === noData; }
注重调试到elem.getAttribute这个方法，在其它的元素上都没用问题，但是在获取object元素上，在IE11 这个上，getAttribute方法不存在为null，所以就会报出之前上述代码。
将代码加一个判断即可:
acceptData: function( elem ) { var noData = http://www.mamicode.com/elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];"color: #ff0000;">elem.getAttribute != null && elem.getAttribute("classid") === noData; }
我尝试使用jQuery 1.9和1.12都依然存在这个问题。所以只将1.8.2的代码更改了，其它还有一处碰到object这个元素都会有这个问题。
更改后的jquery 1.8.2 下载:
jquery-1.8.2-FIX_Object.getAttribute_is_Null Download
使用Uploadify 时，同时使用了jQuery.Validition 验证控件时，在IE11上出现JS缺少对象错误。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。