Javascript 如何在使用定义的功能单击submit类型的输入时显示模式

假设我有以下表格：

<form id="evidence-formset" action="{% url 'interpret-criteria' %}" method="post">
  <div class="form-group row">
    <!-- Some content here -->
    <div class="col-auto">
      <input type="submit" class="btn btn-primary" value="Calculate" />
      <input type="reset" class="btn btn-secondary" value="Reset" />
      <input type="submit" class="btn btn-link" value="Register" formaction="{% url 'register-interpretation' %}" />
      <input type="submit" class="btn btn-link" value="Export results as Excel" formaction="{% url 'export-interpretation' %}" />
    </div>
  </div>
<form>

当用户单击register时，我希望出现一个模式：“您确定要注册吗？”Yes/No

我希望所有这些都发生在提交被解雇之前。如果用户单击“是”，则会触发提交/形成操作。如果用户单击“否”，模式将关闭，并且不会发生任何事情

我一直在阅读官方引导文档中关于模态的内容，但我不知道如何为这个特定场景实现模态

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（事件）{
event.preventDefault（）；
$（'#myModal'）.modal（'toggle'）；
});
$（“#confirmBtn”）。单击（函数（）{
$（“#样本表格”）.submit（）；
});
});

文件
电子邮件地址
我们永远不会与其他人共享您的电子邮件。
密码
看看我
提交
情态标题
&时代；
模态体文本在这里

接近
确认
如果你能输入完整的代码，我就可以更新答案。这是一个django网站，你可以随意在表单中添加一些虚拟数据。我尝试了你的解决方案，但到目前为止还没有成功，也许我做错了什么。