嘿,我正在尝试创建一个表单,当提交时,按钮将替换为使用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>
1条答案
按热度按时间mm9b1k5b1#
使用
submit
表单上的事件: