javascript - 如何仅在单击一个提交按钮而不是另一个提交按钮时才提交表单之前调用确认功能？

Question

我有以下表单布局:

<form action="newsletter.php" name="newsletter" id="newsletter" method="post">
  <input type="submit" value="Submit" class="c-btn" id="submit_value" name="submit_value">
  <input type="submit" value="Send" class="c-btn" id="send_value" name="send_value">
</form>

单击标题为发送 的按钮时，应该会出现一个 jQuery 警报，询问“您确定要发送邮件吗？”。

如果用户点击"is"，则应提交表单；如果用户点击“否”，则不应提交表单。

当用户单击带有值 Submit 的提交按钮时，不应出现此警报并且表单应正常提交。

我该怎么做？

Answer 1

<form action="newsletter.php" name="newsletter" id="newsletter" method="post">
  <input type="submit" value="Submit" class="c-btn" id="submit_value" name="submit_value" onclick="return confirm('Are you sure to send the mail?');">
  <input type="submit" value="Send" class="c-btn" id="send_value" name="send_value">
</form>

Check here