如何在Web控件Button上增加脚本判断

在ASP.NET开发中,为了在Button点击时先执行JavaScript进行判断再决定是否执行后台代码,可以在Button控件的OnClientClick属性中设置JavaScript函数。本文提供了一个实例,展示了如何在Button点击事件中调用IsPost函数,该函数会弹出确认对话框,用户确认后才会执行后台的btnPost_Click方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们在做ASP.NET文件开发时,使用Button控件,想让其先执行一段javascript脚本进行一些判断,并根据处理结果来决定是否执行后台cs中的代码。 ­

可以看下面一段代码 ­

­

aspx文件代码 ­

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> ­

<html> ­

<head runat="server"> ­

    <title></title> ­

     <script type="text/javascript"> ­

         function IsPost() { ­

             if (confirm("是否要继续提交?")) { ­

                 return true; ­

             } ­

             else { ­

                 return false; ­

             } ­

         } ­

     </script> ­

</head> ­

<body> ­

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

    <div> ­

       <asp:Button ID="btnPost" runat="server" OnClick="btnPost_Click" Text="提交" /> ­

    </div> ­

    </form> ­

</body> ­

</html> ­

­

aspx.cs文件代码 ­

using System; ­

using System.Collections.Generic; ­

using System.Linq; ­

using System.Web; ­

using System.Web.UI; ­

using System.Web.UI.WebControls; ­

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

{ ­

    protected void Page_Load(object sender, EventArgs e) ­

    { ­

        btnPost.Attributes["onclick"] = "return IsPost();";//注册前端页面的脚本 ­

    } ­

    protected void btnPost_Click(object sender, EventArgs e) ­

    { ­

        Response.Write("页面被提交了"); ­

    } ­

} ­

­

当点击按钮的时候,如果选择提交,则会执行Response.Write("页面被提交了");如果选择不提交,返回false,就不会执行。­

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值