帶有確認對話框的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。 但是我是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}