<按钮>没有提交表格

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.