如何在ASPX页面上弹出一个确认框?

时间:2016-08-11 12:29:22

标签: javascript c# asp.net .net ajax

我已经看过几个教程/演示,但无法解决我的ASPX页面问题(C#)。 我想弹出一个确认消息框,其中包含Yes&按钮上没有按钮单击事件但在检查条件之后。

点击按钮后,它会检查条件,如 if(a> b) ,如果条件为真,则会启用确认框,否则会跳过并且没有消息将会加速。 之后如果用户在确认消息框上单击是按钮,它将继续进行。

请提供代码作为我的初学者。

2 个答案:

答案 0 :(得分:1)

下面是一个使用Bootstrap.Simple复制并粘贴下面代码的初学者的一个非常简单的例子,它将起作用:

代码隐藏(.cs文件):

protected void Page_Load(object sender, EventArgs e)
{
}

protected void btnClick_Click(object sender, EventArgs e)
{
    lblOutput.Text = String.Empty;
    bool showModal = true;

    if(showModal)
        ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "$('#myModal').modal('show');", true);
}

protected void Decision_Command(object sender, CommandEventArgs e)
{
    lblOutput.Text = "User clicked - " + e.CommandArgument;
}

<强> .ASPX:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btnClick" runat="server" Text="OK" OnClick="btnClick_Click" />
        <asp:Label ID="lblOutput" runat="server"></asp:Label>
        <div id="myModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Would you like to continue?</h4>
                    </div>
                    <div class="modal-body">
                        <h3>Would you like to coninue?</h3>
                        <asp:Button ID="btnYes" runat="server" Text="Yes" OnCommand="Decision_Command" CommandArgument="Yes" />
                        <asp:Button ID="btnNo" runat="server" Text="No" OnCommand="Decision_Command" CommandArgument="No" />
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>

<强>输出:

Popup confirmation using Bootstrap

答案 1 :(得分:0)

这可以让你走上正轨。 varFoo未由yes实施您必须切换到sweetalert等备选方案

&#13;
&#13;
no
&#13;
confirm()
&#13;
&#13;
&#13;