Javascript 如何使render_field submit按钮触发popover？

我有一个带有提交按钮的表单。我使用的是flask表单，因此按钮的html代码为：

{{ render_field(form.submit, class="btn btn-primary")}}

虽然我的

\uuuu init\uuuuuuuuuupy

，但该按钮应该指向另一个页面，如所示：

@user.route("/user/edit_package/<int:id>", methods=["GET", "POST"])
@login_required
def edit_package(id: int):
    form = PackageForm()
    permission_required(["User"])
    email = session["email"]
    user = User.select().where(User.email == email).first()
    p: Package = user.packages.where(Package.id == id).first()

if user and form.validate_on_submit():
    p.amount = form.amount.data
    p.category = form.category.data
    p.weight = form.weight.data
    p.size = form.size.data
    p.pkgType = form.pkg_type.data
    p.pkgSource = form.pkgSource.data
    p.pkgDes = form.pkgDes.data
    p.decription = form.description.data
    p.save()
    return redirect(url_for("user.packages"))
else:
    form.amount.data = p.amount
    form.category.data = p.category
    form.weight.data = p.weight
    form.size.data = p.size
    form.pkg_type.data = p.pkgType
    form.pkgSource.data = p.pkgSource
    form.pkgDes.data = p.pkgDes
    form.description.data = p.decription
return render_template("user/detailsupdate.html", form = form)

（稍后我将添加我自己的详细信息）

如何整合流程？我应该在哪里添加此引导弹出代码，以及如何使用render_field submit按钮触发此弹出

<div class="modal-body">
  <h5>Popover in a modal</h5>
  <p>This <a href="#" role="button" class="btn btn-secondary popover-test" title="Popover title" data-content="Popover body content is set in this attribute.">button</a> triggers a popover on click.</p>
  <hr>
  <h5>Tooltips in a modal</h5>
  <p><a href="#" class="tooltip-test" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" title="Tooltip">that link</a> have tooltips on hover.</p>
</div>