Javascript 我怎样才能向上滚动“文件”；success messag div“；使用jquery

在我的用户页面中，我有一个按钮，显示一个带有表单的弹出框。填写完表单后，我用Jquery/Ajax处理它并获得成功消息

但问题是成功的信息并没有显示出来它转到上。我只看到一个空白页但如果我将其向上滚动，它将显示成功消息。应该在屏幕上显示成功消息框，而不手动滚动

下面是我正在使用的代码

我单击的注册按钮：

<a id="join_now" class="big-link2" data-reveal-id="myModal2">Register</a>

<script>
$(document).ready(function() {  
    // validate signup form on keyup and submit
    $("#campaign").validate({
    submitHandler: function(form) {
        $.ajax({
            url: form.action,
            type: form.method,
            //async: false,
            data: $(form).serialize(),
            beforeSend : function (){
              $('input[type=submit]').attr('disabled', true); 
            },
            success: function(response) {
            $('#formError').html(response);
            $(form).hide();
            //return false;

            setTimeout(function() {
            $('input[type=submit]').attr('disabled', false); 
            location.reload();
            }, 5000 );  
            }            
        });
    },

        rules: {
            phone: "required",
            postal: "required",
            suburb: "required",
            state: "required",
            pcode: "required",      
            terms : "required",
            terms1 : "required",                

            purpose: {
                required: true,
                maxlength: 150
                },
            workforce: {
                required: true, 
                maxlength : 150
                },
            plan_implement : {
                required: true, 
                maxlength : 150
                },                      
        },
        messages: {
            terms : "Required",
            terms1 : "Required",

            phone : "Required",
            postal: "Required",
            suburb: "Required",
            state: "Required",
            pcode: "Required",
            purpose: {
                required: "Required",
                maxlength: "Only 150 characters allowed"
                },
            workforce :  {
                required: "Required",
                maxlength: "Only 150 characters allowed"
                },
            plan_implement :  {
                required: "Required",
                maxlength: "Only 150 characters allowed"
                },

        }
    });


});
</script>    

寄存器

单击按钮后将显示表单

<div id="myModal2" class="reveal-modal3">
<span style="float:right; cursor:pointer;"><a class="close-reveal-modal">&#215;</a></span>

<div id="formError">
</div>

<form id="campaign" method="post" action="<?php echo htmlspecialchars("campaing_process.php"); ?> ">
<table width="640" border="0" cellspacing="10" cellpadding="0">
  <tr>
    <td>Work phone number <span><sup>*</sup></span></td>
    <td><input type="text" name="phone" class="tr_medium" placeholder="Work phone number" /></td>
  </tr>

  <!--There are more fields it's bigger than browser -->     

  <tr>  
    <td colspan="2"><input type="submit" name="submit" id="submit" value="GET THE KIT" class="submit_button" /></td>
  </tr> 
</table>
</form>

×
缺少javascript V_V@Infer-我不明白你的意思？你说的jquery/Ajax调用在哪里？@inferon我更新了我的问题。你可以点击$（'#formError'）.html（回复）？响应值是多少？
<script>
$(document).ready(function() {  
    // validate signup form on keyup and submit
    $("#campaign").validate({
    submitHandler: function(form) {
        $.ajax({
            url: form.action,
            type: form.method,
            //async: false,
            data: $(form).serialize(),
            beforeSend : function (){
              $('input[type=submit]').attr('disabled', true); 
            },
            success: function(response) {
            $('#formError').html(response);
            $(form).hide();
            //return false;

            setTimeout(function() {
            $('input[type=submit]').attr('disabled', false); 
            location.reload();
            }, 5000 );  
            }            
        });
    },

        rules: {
            phone: "required",
            postal: "required",
            suburb: "required",
            state: "required",
            pcode: "required",      
            terms : "required",
            terms1 : "required",                

            purpose: {
                required: true,
                maxlength: 150
                },
            workforce: {
                required: true, 
                maxlength : 150
                },
            plan_implement : {
                required: true, 
                maxlength : 150
                },                      
        },
        messages: {
            terms : "Required",
            terms1 : "Required",

            phone : "Required",
            postal: "Required",
            suburb: "Required",
            state: "Required",
            pcode: "Required",
            purpose: {
                required: "Required",
                maxlength: "Only 150 characters allowed"
                },
            workforce :  {
                required: "Required",
                maxlength: "Only 150 characters allowed"
                },
            plan_implement :  {
                required: "Required",
                maxlength: "Only 150 characters allowed"
                },

        }
    });


});
</script>