javascript - 尝试在后面代码中的按钮上执行 javascript“确认”

Question

我的 asp.net 页面上有一些代码，如下所示：

<input type="button" onclick="if (confirm('ARE YOU SURE?  This cannot be undone except by IT at great cost!')) { PurgeCourse(); }" value="Purge Course Comments" id="Button2" name="Button2" />

我用后面代码中的语句替换它。到目前为止，我的陈述如下所示：

            var Button2 = new Button();
            Button2.Text = "Purge Course Comments";
            Button2.OnClientClick = "javascript: PurgeCourse();";
            pageButtons.Controls.Add(Button2);

这在添加的按钮中非常有用，并且在按下按钮时会调用 PurgeCourse 函数。

但是，我想添加一个“确认”（如上面的原始页面代码），以便用户必须确认他们的选择。有没有办法可以将相同的“确认”功能添加到上面的内容中？

Answer 1

只需将您最初拥有的 JS 放入您的新按钮客户端单击处理程序中：

Button2.OnClientClick = "if (confirm('ARE YOU SURE?  This cannot be undone except by IT at great cost!')) { PurgeCourse(); }"

Answer 2

在您的 ASPX html 中创建一个 Javascript 函数，该函数具有问题中第一段代码的逻辑。然后，在 上调用该函数Button2.OnClientClick。

页面中的IE：

function foo () {
    if (confirm( /*.. snip ..*/ ) { /* .. snip .. */ }
}

在后面的代码中：

Button2.OnclientClick = "javascript: foo()";

Answer 3

而不是直接调用 PurgeCourse()，而是创建一个中间函数

function confirmAndPurgeCourse() {
   if (confirm('you sure'?')) PurgeCourse();
}

并在其中调用它

Button2.OnClientClick = "javascript: confirmAndPurgeCourse();";

Answer 4

创建一个新函数

function purgeCourseWithConfirm() {
    if (confirm('ARE YOU SURE?  This cannot be undone except by IT at great cost!')) 
    { 
       PurgeCourse();
    }
}

然后Button2.OnClientClick = "javascript: purgeCourseWithConfirm();";