1

我在 IE8 中没有触发 jQuery 验证的问题。所有其他浏览器都可以完美运行。

我在这里创建了一个缩减示例：

http://www.gilkes.me.uk/jqueryvalidation/index.html

您可以看到，在 IE9、Firefox 等中，如果在未选中任一复选框的情况下按下按钮，则会显示工具提示验证消息。

在 IE8 中，不执行验证。为什么是这样？

表单标记：

<form action="http://www.google.com" method="post">
<div style="margin-top: 50px; text-align: left; margin-left: 30px;">
    <ul>
        <li style="list-style: none;">
            <input class="checkbox" data-val="true" data-val-checkboxtrue="You must tick the box indicated." data-val-required="The QuestionAccepted field is required." id="Questions_0__QuestionAccepted" name="Questions[0].QuestionAccepted" type="checkbox" value="true" /><input name="Questions[0].QuestionAccepted" type="hidden" value="false" />
            <strong>Question 1.</strong>
            <input id="Questions_0__QuestionText" name="Questions[0].QuestionText" type="hidden" value="That you have been a United Kingdom resident for at least 6 out of the last 12 months." />
            <input id="Questions_0__ValidationMessage" name="Questions[0].ValidationMessage" type="hidden" value="Please confirm that you have read and understood " />
            <span class="field-validation-valid" data-valmsg-for="Questions[0].QuestionAccepted" data-valmsg-replace="true"></span></li>
        <li style="list-style: none; margin-top: 30px;">
            <input class="checkbox" data-val="true" data-val-checkboxtrue="You must tick the box indicated." data-val-required="The QuestionAccepted field is required." id="Questions_1__QuestionAccepted" name="Questions[1].QuestionAccepted" type="checkbox" value="true" /><input name="Questions[1].QuestionAccepted" type="hidden" value="false" />
            <strong>Question 2.</strong>
            <input id="Questions_1__QuestionText" name="Questions[1].QuestionText" type="hidden" value="That you are aged 74 or under." />
            <input id="Questions_1__ValidationMessage" name="Questions[1].ValidationMessage" type="hidden" value="That you are aged 74 or under." />
            <span class="field-validation-valid" data-valmsg-for="Questions[1].QuestionAccepted" data-valmsg-replace="true"></span></li>
    </ul>
    <p style="margin-top: 30px;">
        <button type="submit" id="Continue" class="button-continue">
            Buy Now
        </button>
    </p>
</div>
</form>

我认为这个脚本可能有问题。其中的某些内容无法与 IE8 正常工作：

<script type="text/javascript">
    jQuery.validator.unobtrusive.adapters.add("checkboxtrue", function (options) {
        if (options.element.tagName.toUpperCase() == "INPUT" && options.element.type.toUpperCase() == "CHECKBOX") {
            options.rules["required"] = true;
            if (options.message) {
                options.messages["required"] = options.message;
            }
        }
    });
</script>
4

2 回答 2

1

使用 jQuery Validate 的 1.9 版修复了这个问题，因为我使用的版本 (1.6) 与最新版本的 jQuery 不兼容：

jQuery 验证在 IE7 + IE8 中不起作用

我实际上读过这个问题，但认为它不适用于我，因为我确定我使用的是 jQuery Validate 1.9 版

于 2012-04-23T13:39:57.013 回答
0

我没有注意到提交时在 IE 中显示任何错误，所以我猜第一条if语句没有返回true。您是否尝试过使用alert()来检查IE8 中的值options.element.tagName和值？options.element.type

于 2012-04-23T13:12:46.363 回答