javascript - jQuery Unobtrusive 在 IE7 或 IE8 中不起作用

Question

好的，我已经在 J​​SFiddle 中重现了这个问题。以下表单适用于 Chrome 和 IE9，但不适用于 IE7 或 IE8。我发现一些关于特定版本 jQuery 的谣言；我们正在使用 1.4.4。这是 fiddle 的链接:

http://jsfiddle.net/xtkuV/77/

表单

<form action="" id="step1Form" method="post">
<label for="FirstName">FirstName</label>
<input class="text-box single-line" data-val="true" data-val-required="The FirstName field is required." id="FirstName" name="FirstName" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
<br/>

<label for="LastName">LastName</label>
<input class="text-box single-line" data-val="true" data-val-length="The field LastName must be a string with a maximum length of 60." data-val-length-max="60" data-val-required="The LastName field is required." id="LastName" name="LastName" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
<br />

<label for="Age">Age</label>
<input class="text-box single-line" data-val="true" data-val-number="The field Age must be a number." data-val-range="The field Age must be between 1 and 130." data-val-range-max="130" data-val-range-min="1" data-val-required="The Age field is required." id="Age" name="Age" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Age" data-valmsg-replace="true"></span>
    <br/>
    <input type="submit" value="Submit"/>
</form>

Javascript

$(function(){    
    $('#step1Form').live('submit',function(e){
        e.preventDefault();
        console.log('sup');
        //do an ajax request here or something!
    });
});

Answer 1

“您可能要做的第一件事就是将 jquery 版本更新到最新版本，今天是 1.9 版

执行此操作后，您的客户端验证将在 Internet Explorer 7 和 Internet Explorer 8 中停止工作。

这是因为 jquery.validate 版本与 jquery > 1.6 版本不兼容。解决方案很简单，您还需要更新 jquery.validate 的版本。你可以从微软的 CDN 上找到当前的 1.9 版本。 "*

* 以上资料摘自this site: