返回頁首不專注於必填字段

Question

我在表單中提交了一個提交按鈕，並在其上實現了jQuery。

它工作正常，但是當我按下提交按鈕時，它只是忽略了我的某個字段的必填字段屬性。

如果我從提交按鈕中刪除backtotop id，我可以看到所需的字段錯誤。

它只是不提交表單，如果我在提交按鈕上添加backtotop id。

我錯過了什麼？

<form action="" method="post"> 
    <input type="text" name="fname" required> 
    <input type="submit" id="backToTop" class="button" value="Register"> 
</form> 

jQuery(document).ready(function ($) { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 50) { 
      $('#backToTop').fadeIn('slow'); 
     } else { 
      $('#backToTop').fadeOut('slow'); 
     } 
    }); 
    $('#backToTop').click(function() { 
     $("html, body").animate({ 
      scrollTop: 0 
     }, 100); 
     return false; 
    }); 
}); 

Answer 1

其他的干擾請使用JSFiddle，可能看看你的CSS。

至於您的滾動到前50，請注意並非所有用戶都具有相同的分辨率。你需要檢測增量。

scrollbartarget/Scrollbarheight = location 

除非您希望阻止表單在您的點擊處理程序中返回true。

Answer 2

您單擊處理程序將阻止提交表單return false。如果你想要提交表格，你必須return true;。