javascript - 无法将 JS 文件添加到我的 HTML 中

Question

所以我的工作完全正常，但现在由于某种原因我无法加载 jQuery 验证插件，因此无法使用 validate 方法。

点击此链接即可正常打开，

但它没有显示在 Chrome 的资源选项卡中:

这是我当前在 head 中使用的代码。

<script src="js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery-validate.js" type="aplication/x-javascript" charset="utf-8"></script>
        <script src="js/jquery-ui-1.8.12.custom.min.js" type="application/x-javascript" charset="utf-8"></script>
        <script>
    $(function() {
        $( "#datepicker" ).datepicker({
            showOn: "both",
            buttonImage: "css/images/calendar.gif",
            buttonImageOnly: true,
            minDate: 0
        });
    });
        </script>
        <script type="text/javascript" >
                     $(document).ready(function() {
              $("#mainForm").validate({
                rules: {
                  name: "required",// simple rule, converted to {required:true}
                  email: {// compound rule
                  required: true,
                  email: true
                },
                url: {
                  url: true
                },
                comment: {
                  required: true
                }
                },
                messages: {
                  comment: "Please enter a comment."
                }
              });
            });
        </script>

希望我现在能得到任何帮助!

Answer 1

脚本的“type”属性必须是text/javascript - 您可以将其设置为application/x-javascript。我建议更改它并看看它是否有效。

实际上，您可以删除 type 属性 - 所有浏览器都会假设它是 text/javascript。

编辑:我测试过，类型为“application/x-javascript”有效 - 浏览器运行脚本。 但是请注意验证脚本标记具有“aplication/x-javascript”。 “application”拼写错误。