2015-12-30 85 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字段意味着如何编写代码 –