带有确认对话框的 onclick 按钮事件
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;\" />";
用户点击按钮,软件将:
- 向收件人发送电子邮件
- 该按钮已禁用,以防止因不小心多次单击它而发送多封电子邮件
我希望它做更多:添加一个弹出确认对话框。目的是通过在发送电子邮件之前阅读确认对话框中的文本消息来提醒人们先做某事。
所以如果用户点击确定:
- 执行按钮功能
- 禁用按钮
或者如果用户取消:
- 对话框取消,不执行电子邮件功能。 Return 进入屏幕。
有很多 JavaScript if else/confirm 例子。但我是 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}
此代码来自 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;\" />";
用户点击按钮,软件将:
- 向收件人发送电子邮件
- 该按钮已禁用,以防止因不小心多次单击它而发送多封电子邮件
我希望它做更多:添加一个弹出确认对话框。目的是通过在发送电子邮件之前阅读确认对话框中的文本消息来提醒人们先做某事。
所以如果用户点击确定:
- 执行按钮功能
- 禁用按钮
或者如果用户取消:
- 对话框取消,不执行电子邮件功能。 Return 进入屏幕。
有很多 JavaScript if else/confirm 例子。但我是 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}