javascript - <button> 没有提交表单

Question

我有一个按钮与一些 JS 相关联，该按钮会禁用该按钮并将文本更改为“正在加载...”，然后 API 开始工作(大约 12-15 秒)。但是，当我单击按钮时，它只显示“正在加载..”并且表单没有提交，以澄清除了按钮更改之外没有发生任何事情。最好我想使用“输入”，但表单会提交但按钮不会改变。我不是 JS 专家，所以任何帮助都很棒。谢谢。

<button id="fat-btn" class="btn btn-xs btn-primary btn-block">Get Quotes</button>




    <script>
        $(function(){
            var $btn = $('#fat-btn');
            $btn.click(function(){
                var $this = $(this);
                $this.attr('disabled', 'disabled').html("Loading...");
                setTimeout(function () {
                    $this.removeAttr('disabled').html('Get Quotes');
                }, 3000)
                document.getElementById("fat-btn").submit();
            });
        })
    </script>

Answer 1

提交时需要使用表单ID。不是按钮的ID。