使用.replacewith时表单未提交

nfg76nw0  于 2021-08-09  发布在  Java
关注(0)|答案(1)|浏览(298)

嘿,我正在尝试创建一个表单,当提交时,按钮将替换为使用jquery的加载轮,但是每当我使用 .submit("pb") 它不会用旋转器代替按钮,但是当我移除 .submit("pb") 它不提交表单,但它用微调器替换按钮。。。如何让它用微调器替换按钮并提交表单?

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>
mm9b1k5b

mm9b1k5b1#

使用 submit 表单上的事件:

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

相关问题