jquery - 回页首不专注于必填字段

我在表单中有一个提交按钮，并在其上实现了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;
    });
});

最佳答案

还有其他干扰，请使用JSFiddle，可能要看一下您的CSS。

至于滚动到前50位，请注意并非所有用户都具有相同的分辨率。您将需要检测增量。

scrollbartarget/Scrollbarheight = location

除非您希望阻止表单在您的点击处理程序内提交return true，