个人中心
gpt4 book ai didi

jquery - IE8 上带有 jQ​​uery 验证的表单 : this.appendChild(a) 错误

转载 作者：行者123 更新时间：2023-12-01 01:36:30 25 4
gpt4 key购买 nike

好的，我希望这是关于此表格的最后一个问题。它功能齐全，除了 IE8 上的一个错误，该错误似乎没有在任何地方记录(在这种情况下，我可以找到......)。

如果我在 IE9 的 IE8 模式下运行此表单，我会在开发工具中看到以下内容

SCRIPT65535:意外调用方法或属性访问。
jquery.min.js，第 2 行字符 65772

对应于jquery.min.js中的this.appendChild(a)

但是，如果我忽略该错误，验证在 IE8 中仍然有效。在 IE9、Chrome、Firefox 中完全没有问题。

我的验证码的功能片段...

<head>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>


<style>

.incomplete {
    border: 1px solid red;
    }

</style>

<script type="text/javascript">
    //form validation start
   $(document).ready(function() {

   $("#form").validate({
        errorLabelContainer: "input",
        wrapper: ".form",
        keyup: false,
        onfocusout: false,
        onclick: false,
        onchange: false,
        errorElement: "input",
        errorClass: "incomplete",
        rules: {
            organization: {
                defaultInvalid: true,
                required: true,
                minlength: 2
                },
            firstname: {
                defaultInvalid: true,
                required: true,
                minlength: 2
                },
            lastname: {
                defaultInvalid: true,
                required: true,
                minlength: 2
                },
            email: {
                defaultInvalid: true,
                required: true,
                email: true
                },
            phone: {
                defaultInvalid: true,
                required: true,
                minlength: 10
                },
        }
    });
   }); 
</script>

</head>
<body>

<div id="border">
    <div id="form_title">REQUEST INFO</div>
    <form id="form" name="form_container" action="#">
        <!-- fields -->
        <input id="organization" type="text" name="organization" />
        <input id="firstname" type="text" name="firstname" />
        <input id="lastname" type="text"  name="lastname" />
        <input id="email" type="text" name="email" />
        <input id="phone" type="text" name="phone" />
        <!-- submit button -->
        <input id="button" name="submit" class="button" type="submit" value="submit" /> 
    </form>
</div>

</body>
</html>

如果没有你们的帮助，我到目前为止不可能完成这项工作，所以谢谢你们。

最佳答案

不确定这是否有帮助，但您有一个小语法错误:

phone: {
            defaultInvalid: true,
            required: true,
            minlength: 10
            },

注意多余的逗号。它是列表中的最后一个，不需要它。 appendChild 可能在此逗号后使用空白规则，这就是错误？

关于jquery - IE8 上带有 jQ​​uery 验证的表单 : this.appendChild(a) 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12289675/

25 4 0
文章推荐： jquery - 使用 :before via Jquery
文章推荐： python - 使用 Python 和 Graph API 发布到 Facebook，权限问题
文章推荐： jQuery 插件 - 1 个月日历
文章推荐： python - 如何在条形图上清楚地呈现每个数据的标题？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com