使用 .replacewith 时表单未提交

Question

嘿，我正在尝试创建一个表单，在提交时，使用 jquery 将按钮替换为加载轮，但是每当我使用 .submit("pb") 运行它时，它不会用微调器替换按钮，但是当我删除 @987654322 @ 它不提交表单，但它用微调器替换了按钮......我如何让它用微调器替换按钮并提交表单？

HTML代码

<form id="pb" method="POST" action="http://localhost:5000/simulator">
                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
                        <script>
                            $(document).ready(function () {
                                $("button").submit("pb").click(function ()  {
                                    $("button:last").replaceWith( "<div class=\"spinner-border\" role=\"status\"><span class=\"sr-only\">Loading...</span></div>" );
                                });
                            });
                        </script>
                        <button type="submit" class="btn btn-success btn-ladda-progress" data-style="expand-right">
                            Submit
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>

Answer 1

在表单上使用submit 事件：

$("#pb").submit(function() {
    $(this).find(":submit").replaceWith( "<div class=\"spinner-border\" role=\"status\"><span class=\"sr-only\">Loading...</span></div>");
});