ASP.Net button 确认

最新推荐文章于 2023-12-27 20:43:28 发布

weixin_30929295

最新推荐文章于 2023-12-27 20:43:28 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/devilmsg/archive/2009/02/17/1392745.html

本文详细介绍了ASP.NET中Button控件的两种点击事件：OnClientClick用于触发客户端JavaScript事件，而onclick则触发服务端事件。文章通过示例展示了如何设置这些事件及其实现逻辑。

Button有两个点击事件
onclick 触发服务端事件，脚本为c#或VB.NET
OnClientClick 触发客户端事件，脚本一般为JavaScript，此属性为ASP.NET 2.0新增，1.1之前需要使用添加attribute的方法来添加客户端事件
在点击按钮时，先运行OnClientClick 中的脚本，如果返回值为true，则再运行button_onclick 中的代码, 否则将不会执行该按钮的后台代码
demo:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <title>Untitled Page</title>
</head>
<body>

    <form id="form1" runat="server">

    <div>

        <asp:Button ID="Button1" runat="server" Text="Button" 

            OnClientClick="return confirm('Are u sure?');" onclick="Button1_Click"/>

    </div>

    </form>
</body>
</html>
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class Default2 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {


    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        Response.Write("if you press OK, Button1_Click will be execute");

    }
} 
在VS2003中这样做：
在cs文件的Page_Load事件中写：
this.btSave.Attributes.Add("onclick", "return DoAlert()");
在页面文件中写：

<script language="javascript" type="text/javascript">
function DoAlert() 
{
     var value = document.getElementById("txtAlert").value; 
     if( value == "ShowAlert")
     {
          if(confirm('You still have active tasks associated to this project, do you want to continue?'))
          {
               return true; 
          }
          else 
          {
               return false;
          }
     }
     else
     {
          return true;
     }
}
</script>