Javascript <；按钮>；不提交表格

我有一个按钮，我已经绑定到一些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>

获取引号
$（函数（）{
变量$btn=$（“#fat btn”）；
$btn.单击（函数（）{
var$this=$（this）；
$this.attr（'disabled'，'disabled'）.html（“加载…”）；
setTimeout（函数（）{
$this.removeAttr（'disabled'）.html（'Get Quotes'）；
}, 3000)
document.getElementById（“fat btn”）.submit（）；
});
})

您需要使用表单的ID进行提交。不是按钮的id

您需要使用表单的ID进行提交。不是按钮的id

你的按钮在表单标签内吗？是的，它肯定在标签内。你的按钮在表单标签内吗？是的，它肯定在标签内。他没有表单，因为按钮提交时没有JavaScription。此外，dom对象本身没有submit（）方法。这难道不符合我在这里所做的目的吗？似乎如果我这样做了，那么按钮将不再更改为“加载…”状态。如果按钮在窗体之外或者您停止了默认事件的发生，则不会更改。这个问题是正确的。如果要提交表单，则需要将表单作为目标。提交表单时，页面将重新加载。您将看不到按钮更改，因为页面正在提交，并且将设置为下一页设置的内容。表单提交就是这样工作的。他没有表单，因为button提交没有JavaScription。此外，dom对象本身没有submit（）方法。这不是违背了我在这里所做的目的吗？似乎如果我这样做了，那么按钮将不再更改为“加载…”状态。如果按钮在窗体之外或者您停止了默认事件的发生，则不会更改。这个问题是正确的。如果要提交表单，则需要将表单作为目标。提交表单时，页面将重新加载。您将看不到按钮更改，因为页面正在提交，并且将设置为下一页设置的内容。这就是表单提交的工作方式。