带有确认对话框的 onclick 按钮事件

Question

此代码来自 PHP 软件（使用 Smarty 模板引擎），它可以工作：

    <input type=\"button\" class=\"btn btn-primary\" value=\"{$LANG["phrase_send_email"]}\" onclick=\"ms.edit_submission_page_send_email($submission_id); this.disabled=true;\" />";

用户点击按钮，软件将：

• 向收件人发送电子邮件
• 该按钮已禁用，以防止意外点击多次发送多封电子邮件

我希望它做更多：添加一个弹出确认对话框。目的是通过在发送电子邮件之前阅读确认对话框中的短信来提醒人们先做某事。

所以如果用户点击确定：

• 执行按钮功能
• 禁用按钮

或者如果用户取消：

• 对话框取消并且不执行电子邮件功能。返回屏幕。

有很多 JavaScript if else/confirm 示例。但我是 JavaScript 新手，不知道 ms.edit_submission_page_send_email($submission_id) 如何融入 JavaScript 世界。

如何将所有这些放入一个 JavaScript 函数中？

Answer 1

试试这个方法。

<input type=\"button\" class=\"btn btn-primary\" value=\"{$LANG["phrase_send_email"]}\" onclick=\"{literal}return checkValidMailSend(this, $submission_id){/literal}\" />";

{literal}
<script>
function checkValidMailSend(this, submissionid) {
    if(!confirm("Are you sure to send mail?")) {
        return false;
    }
    else {
        ms.edit_submission_page_send_email(submissionid);
        this.disabled=true;
    }
}
</script>
{/literal}