使用jQuery以编程方式在Javascript for IE中触发事件
当IE中的用户触发事件时，它将设置为window.event对象。 查看触发事件的唯一方法是访问window.event对象（据我所知）
如果以编程方式触发事件（例如通过jQuery触发事件时），则会导致ASP.NETvalidation程序出现问题。 在这种情况下， window.event对象存储最后一个用户触发的事件。
当onchange事件以编程方式触发连接有ASP.NETvalidation器的文本框时，validation会中断，因为它正在查看触发最后一个事件的元素，而该事件不是validation器的元素。
有没有人知道这方面的方法？ 这似乎是一个可以解决的问题，但从在线看，大多数人只是想方设法忽略问题而不是解决问题。
解释我正在做的具体事情：
我在文本框上使用了一个jQuery时间选择器插件，该插件还有2个与之关联的ASP.NETvalidation器。 当时间改变时，我正在使用更新面板回发到服务器以动态地执行某些操作，因此我需要触发onchange事件以触发该文本框的回发。
jQuery时间选择器通过创建隐藏的无序列表来操作，该列表在单击文本框时可见。 单击其中一个列表项时，将通过jQuery的change()方法以编程方式为文本框触发“更改”事件。
因为事件的触发器是列表项，所以IE将列表项视为事件的来源，而不是文本框，就像它应该的那样。
一旦文本框改变，我就不太关心这个ASP.NETvalidation器工作了，我只需要处理“ change ”事件，这样就可以为文本框调用我的回发事件。 问题是validation器在IE中抛出exception，阻止任何事件被触发。
Firefox（我假设其他浏览器）没有这个问题。 由于事件模型不同，只有IE。 有没有人遇到过这个并看过如何修复它？
我发现这个问题报告了其他几个地方，但它们没有提供解决方案：
- jQuery的论坛，带有jQuery UI Datepicker和ASP.NET Validator
- ASP.NET论坛，ValidatorOnChange（）函数的bug
我有同样的问题。 通过使用此function解决：
jQuery.fn.extend({ fire: function(evttype){ el = this.get(0); if (document.createEvent) { var evt = document.createEvent('HTMLEvents'); evt.initEvent(evttype, false, false); el.dispatchEvent(evt); } else if (document.createEventObject) { el.fireEvent('on' + evttype); } return this; } });
所以我对datepicker的“onSelect”事件处理程序如下所示：
if ($.browser.msie) { datepickerOptions = $.extend(datepickerOptions, { onSelect: function(){ $(this).fire("change").blur(); } }); }
我用补丁解决了这个问题：
window.ValidatorHookupEvent = function(control, eventType, body) { $(control).bind(eventType.slice(2), new Function("event", body)); };
更新：我已将问题提交给MS（ 链接 ）。
根据您的描述，此问题可能是IE用于JS的独特事件冒泡模型的结果。
我唯一真正的答案是抛弃ASP.NETvalidation器并改为使用jQuery表单validation插件。 然后您的文本框可以只是一个常规的ASP Webforms控件，当内容更改和回发发生时，一切都很好。 此外，您还会从服务器代码中分离出更多客户端问题。
我从来没有太多运气将Webform Client控件（如Form Validation控件）与外部JS库（如jQuery）混合在一起。 我发现更好的路线只是选择其中一种，而不是混合搭配。
不是你可能正在寻找的答案。
如果你想使用jQuery表单validation插件concider这一个jQuery表单validation
在使用javascript启动事件之前，请考虑设置隐藏字段_EVENTTARGET值。 您需要将其设置为服务器端ID（用客户端ID中的$替换下划线），以便服务器了解它。 我在我模拟的按钮点击上执行此操作，以便服务器端可以确定在结果发回时触发哪个OnClick方法 – Ajax与否，并不重要。
这是jQuery datepickers和ASPvalidation控件的地方性问题。 正如您所说，错误的元素交叉触发ASP NET javascriptvalidation例程，然后M $代码抛出错误，因为例程中的触发元素未定义。
我通过决定M $应该更强大地编写代码来解决这个问题，并因此重新声明了一些M $validation器代码来处理未定义的元素。 我所看到的其他所有内容基本上都是jQuery方面的解决方法，并且可以削减可能的function（例如，使用click事件而不是更改）。
失败的是
for (i = 0; i < vals.length; i++) { ValidatorValidate(vals[i], null, event); }
当它试图获取未定义的'vals'的长度时会抛出错误。
我刚才补充道
if (vals) { for (i = 0; i < vals.length; i++) { ValidatorValidate(vals[i], null, event); } }
她很高兴。 重新声明整个违规function的最终代码如下。 我把它作为脚本包含在我的母版页或页面的底部。
是的，如果M $决定在将来更改其validation器代码，这确实会破坏向上兼容性。 但人们希望他们能解决它，然后我们可以完全摆脱这个补丁。
// Fix issue with datepicker and ASPNET validators: redeclare MS validator code with fix function ValidatorOnChange(event) { if (!event) { event = window.event; } Page_InvalidControlToBeFocused = null; var targetedControl; if ((typeof (event.srcElement) != "undefined") && (event.srcElement != null)) { targetedControl = event.srcElement; } else { targetedControl = event.target; } var vals; if (typeof (targetedControl.Validators) != "undefined") { vals = targetedControl.Validators; } else { if (targetedControl.tagName.toLowerCase() == "label") { targetedControl = document.getElementById(targetedControl.htmlFor); vals = targetedControl.Validators; } } var i; if (vals) { for (i = 0; i < vals.length; i++) { ValidatorValidate(vals[i], null, event); } } ValidatorUpdateIsValid(); }
这就是我解决一个类似问题的方法。 为datepicker写了一个onSelect（）处理程序。 link text在该函数中，名为__doPostBack（’textboxcontrolid’，”）。 这触发了文本框到服务器的部分回发，服务器依次调用validation器。