单击带有“确认”对话框的按钮事件


onclick Button Event with Confirm Dialog Box

这段代码来自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 函数中?

试试这种方式。

<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}