<按钮>没有提交表单</button>

Question

我有一个按钮，我已经绑定了一些JS，它禁用了按钮并将文本更改为'Loading ...'一旦点击，然后API开始工作（大约12-15秒）。然而，当我点击按钮时，它只是说“正在加载...”并且表单没有提交，以澄清除按钮更改之外没有发生任何事情。我最好使用'input'，但表单提交但按钮不会改变。我不是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。