2015-12-30 61 views
0

我正在創建一個表單工作正常,我有一個問題,當用戶沒有填充一個字段意味着我想顯示錯誤信息,錯誤信息也工作,但我想顯示特定的領域,所以我使用scrollTo功能,但它不動...scrollTo不工作

$(document).ready(function() { 
    $("#btn-submit").click(function() { 
    if ($('#FranchiseeForm').valid()) { 
     //alert("Sucess"); 
     $.ajax({ 
     type: "POST", 
     url: "php/register-check.php", 
     data: $('form#FranchiseeForm').serialize(), 
     success: function(data) { 
      var result = data["response"]; 
      console.log(result); 
      if (result == 'success') { 
      $('body').animate({ 
       scrollTop: $('#email_success') 
      }); //This one working for me 
      $('#email_success').fadeOut(3000); 
      $(".panel-title").hide(); 
      $("#email_success").show(); 
      $('#fname').val(""); 
      $('#lname').val(""); 
      $('#email').val(""); 
      $('#mobile').val(""); 
      $('#address').val(""); 
      $('#countryId').val(""); 
      $('#stateId').val(""); 
      $('#cityId').val(""); 
      $('#pincode').val(""); 
      $('#capital').val(""); 
      $('#timeframe').val(""); 
      $('#location').val(""); 
      } else { 
      $("#email_error").show(); 
      } 
     }, 
     }); 
     return false; 
    } else { 
     $('body').animate({ 
     scrollTo: $('#address') 
     }); //this code not working for me, 
    } 
    }); 
}); 
+0

你應該改變它爲$('body')。animate({scrollTop:$('#address')}); – shishir

+0

scrollTop意味着它將走到最高點,錯誤消息中間是有意味着什麼將做 –

回答

0

scrollTo.animate()一個選項...你可以嘗試

$('body').animate({ 
    scrollTop: $('#address').offset().top 
}); 

或者你可以讀到scrollTo() here

+0

此代碼工作,但我增加了一個像$('body')提交。 ).offset()。top }); ,它會像跳汰機一樣,第一次將會回到頂部,然後再次下降 –

+0

@RajaR我真的不明白你的意思..如果你可以做一個演示,它會更好https://jsfiddle.net/。 。或者你可以發送網站鏈接如果可能 –

+0

如果我沒有填寫地址字段的意思,你的代碼工作正常,而且我沒有填寫#capital字段意味着如何編寫代碼 –