Javascript 在html页面中添加多个脚本

当将下面两个脚本添加到html页面中时，它们都不起作用，我想可能存在类似脚本冲突的问题，我的问题是如何克服这一点？ 第一个脚本是：

            $('document').ready(function(){

            $('#form').validate({
                    rules:{
                        "name":{
                            required:true,
                            maxlength:40
                        },


                        "message":{
                            required:true
                        }},

                    messages:{
                        "name":{
                            required:"This field is required"
                        },


                        "message":{
                            required:"This field is required"
                        }},

                    submitHandler: function(form){
                      $(form).ajaxSubmit({
        target: '#preview', 
        success: function() { 
        $('#formbox').slideUp('fast'); 
        } 
    }); 

                    }

            })

        });

$(document).ready(function(){
   var j = jQuery.noConflict();
    j(document).ready(function()
    {
        j(".refreshMe").everyTime(3000,function(i){
            j.ajax({
              url: "posts.php",
              cache: false,
              success: function(html){
                j(".refreshMe").html(html);
              }
            })
        })
    });
   j('.refreshMe').css({color:"red"});
});

第二个脚本是：

            $('document').ready(function(){

            $('#form').validate({
                    rules:{
                        "name":{
                            required:true,
                            maxlength:40
                        },


                        "message":{
                            required:true
                        }},

                    messages:{
                        "name":{
                            required:"This field is required"
                        },


                        "message":{
                            required:"This field is required"
                        }},

                    submitHandler: function(form){
                      $(form).ajaxSubmit({
        target: '#preview', 
        success: function() { 
        $('#formbox').slideUp('fast'); 
        } 
    }); 

                    }

            })

        });

$(document).ready(function(){
   var j = jQuery.noConflict();
    j(document).ready(function()
    {
        j(".refreshMe").everyTime(3000,function(i){
            j.ajax({
              url: "posts.php",
              cache: false,
              success: function(html){
                j(".refreshMe").html(html);
              }
            })
        })
    });
   j('.refreshMe').css({color:"red"});
});

请参阅文档：

var j=jQuery.noConflict（）>将$variable的值“返回”到jQuery占用它之前的任何值。在这种情况下，它恰好是
未定义的
。这打破了第一个脚本，因为它现在尝试使用未定义的$variable（您应该在控制台中出现很多错误，您应该将这些错误添加到问题中）

至于第二个脚本停止工作的原因，如果没有更多的信息，很难说出您的具体意思-您如何知道它已经停止工作，是否存在任何javascript错误，等等。
您可以在HTML中使用更多的脚本标记，您的问题是您想在初始化jQuery之前使用它。确保首先将jQuery添加到HTML中，然后才使用它