服务器控件之<asp:Button>的onClick属性

最新推荐文章于 2024-06-20 15:00:51 发布
原创 最新推荐文章于 2024-06-20 15:00:51 发布 · 4.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#服务器控件之aspButton的onCl #onClick

本文介绍了如何在ASP.NET中设置按钮的点击事件，并通过该事件调用后台代码中的方法来实现登录功能。具体展示了如何在aspx页面定义带有OnClick属性的按钮，以及在对应的cs文件中编写响应的方法。

在之前的学习中，对于Html中的标签中的onClick属性，都是调用的是js中的方法，相应的，在html标签中也是可以使用后台代码中的方法的。

   Login.aspx:  <asp:Button ID="Button1" runat="server" OnClick="LoginClick" class="btn btn-primary  btn-flat" Text="登 陆" />

         Login.aspx.cs    

   protected void LoginClick(object sender, EventArgs e)

        {

            this.Session["canview"] = null;

            this.Session.Abandon();

}

关于asp.net button按钮的OnClick和OnClientClick事件
01-21
一般我们用 OnClientClick验证我们的提交数据，但是这个一定要返回ture或者false，即一定要加上return，否则OnClick失效。当返回false时OnClick服务器端事件才被中止，当你的js验证有错误，也会跳过验证，直接执行服务器端事件OnClientClick。为了避免这样的错误，可以考虑用服务端验证这样就省去了OnClientClick事件，就不用考虑和OnClick的冲突了。 您可能感兴趣的文章:asp.net下linkbutton的前后台使用方法asp.net button 绑定多个参数js触发asp.net的B
ASP.NET BUTTON 的OnClick和OnClientClick
大龙的编程学习笔记
03-02 1292
一、 OnClick是button的服务器端事件 OnClientClick是button的客户端事件 一般我们用 OnClientClick验证我们的提交数据，但是这个一定要返回ture或者false，即一定要加上return，否则OnClick失效。当返回false时OnClick服务器端事件才被中止，当你的js验证有错误，也会跳过验证，直接执行服务器端事件OnClientC
asp.net button的OnClick和OnClientClick事件
乔峰的专栏
03-21 8046
<br />onlick时发生postback，执行后台代码。 <br />onclientclick，就是执行javascipt代码，不会发生postback. <br /><br />简单说,onclick：执行C#代码， onclientclick:执行javascript代码。 <br />onclientclick先于onclick发生,一般执行脚本<br />onclientclick() 控制客户端提交。 <br />例如可以使用confirm（'是否执行？'） <br /><br />ret
javascript与ASP:Button中onclick问题
zll_zh的专栏
08-06 667
javascript函数不能直接用户被标识为runati="server"的控件,因为此时,控件以变成了服务器控件,onclick事件也就成了服务端的事件了.如果想要使用客户端的点击,请使用onclientclick. 或者.在后台的Page_Load()里面为该控件注册客户端事件. if (!IsPostBack) { btnSubmit.Attributes.Add("onclick", "
ASP：Button控件(按钮类型控件)
ルーキーの殇
07-22 7469
Button控件可以分为提交按钮控件和命令按钮控件。     提交按钮控件只是将Web页面回送到服务器，默认情况下，Button控件为提交按钮控件；而命令按钮控件一般包含与控件相关联的命令，用于处理控件命令事件。 Button控件的常用属性及说明 属性 说明 ID 控件ID Text 获取或设置在Button控
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm1.aspx.cs" Inherits="WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>用户注册</title> <style type="text/css"> .error { color: red; } </style> </head> <body> <form id="form1" runat="server"> <div> <label for="txtName">姓名:</label> <asp:TextBox ID="txtName" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" ErrorMessage="用户必须填写" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator> </div> <div> <label for="txtPassword">密码:</label> <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtPassword" ValidationExpression="^.{8,}$" ErrorMessage="密码必须八位以上" ForeColor="Red" Display="Dynamic"></asp:RegularExpressionValidator> </div> <div> <label for="txtConfirmPassword">确认密码:</label> <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password"></asp:TextBox> <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToValidate="txtConfirmPassword" ControlToCompare="txtPassword" ErrorMessage="两次密码必须一致" ForeColor="Red" Display="Dynamic"></asp:CompareValidator> </div> <div> <label for="txtPhone">手机号:</label> <asp:TextBox ID="txtPhone" runat="server"></asp:TextBox> <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtPhone" ValidationExpression="^1[35789][0-35-9]\d{8}$" ErrorMessage="手机号格式不正确" ForeColor="Red" Display="Dynamic"></asp:RegularExpressionValidator> </div> <div> <label>请修正以下错误:</label> <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowSummary="true" ShowMessageBox="false" HeaderText="" CssClass="error"></asp:ValidationSummary> </div> <div> <asp:Button ID="btnRegister" runat="server" Text="注册" OnClick="btnRegister_Click" /> </div> </form> </body> </html>
05-12
<asp:Button ID="btnSubmit" runat="server" Text="Register" OnClick="btnSubmit_Click" /> <!-- Validation Summary --> <asp:ValidationSummary ID="vsErrorSummary" runat="server" HeaderText="Please ...
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <style type="text/css"> .GridViewStyle { border-collapse: collapse; width: 100%; text-align:center } .GridViewStyle th, .GridViewStyle td { border: 1px solid #ddd; padding: 8px; } .GridViewStyle tr:hover { background-color: #f1f1f1; } </style> <body> <form id="form1" runat="server"> <div> <asp:Button ID="downloadmon1" runat="server" Text="下载数据" OnClick="downloadmon1_Click" /> <asp:FileUpload ID="FileUp" runat="server" Text="选择文件"/> <asp:Button ID="btn_ExInto_pass" runat="server" Text="导入" OnClick="btn_ExInto_pass_Click" /> </div> <div> <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="Dept,Week,Month" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20" Visible="false"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Month" HeaderText="Month" ReadOnly="True"/> <asp:BoundField DataField="Week" HeaderText="Week" ReadOnly="True"/> <asp:TemplateField HeaderText="OT_Time"> <ItemTemplate> <asp:Label ID="lblEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> </div> <div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="Dept,Week,Month" DataSourceID="SqlDataSource1" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Month" HeaderText="Month" ReadOnly="True"/> <asp:BoundField DataField="Week" HeaderText="Week" ReadOnly="True"/> <asp:TemplateField HeaderText="OT_Time"> <ItemTemplate> <asp:Label ID="lblEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>" SelectCommand="SELECT A.* FROM [Assembly].[dbo].[MPE_HC_OT] AS A LEFT JOIN (SELECT TOP 1 'WW'+Week AS Time FROM [Assembly].[dbo].[MPE_Loading_PTime_Dept_Week] WHERE DEPT='AG1') AS B ON A.WEEK>= B.TIME WHERE A.Week >= B.Time ORDER BY A.Month" UpdateCommand="UPDATE MPE_HC_OT SET OT_Time=@OT_Time,OT_Time_Active='1' WHERE Dept=@Dept and Month=@Month and Week= @Week"> </asp:SqlDataSource> </div> </form> </body> </html>
08-16
<input type="button" value="选择文件" onclick="document.getElementById('<%= FileUpload1.ClientID %>').click();" class="custom-file-upload" /> <span id="fileName">未选择文件</span> <script> document....
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="../../css/pageshow.css" /> </head> <body> <form id="form1" runat="server"> <asp:Panel ID="Panel1" runat="server"> <div> <blockquote class="layui-elem-quote title">Dept -- Date_<asp:Label ID="time1" runat="server" Text=""></asp:Label>(The data in the table is rounded to the nearest whole number.) &nbsp &nbsp &nbsp <asp:Button ID="downloadmon1" runat="server" Text="Download" OnClick="downloadmonW1_Click" CssClass="input-style" BackColor="#ADD8E6"/> </blockquote> <asp:GridView ID="weekdata" runat="server" Style="width: 100%;text-align:center" CssClass="GridViewStyle" OnRowDataBound="GridView1_RowDataBound"> <Columns> </Columns> </asp:GridView> </div> &nbsp &nbsp <div> <blockquote class="layui-elem-quote title">Date -- Dept_<asp:Label ID="time2" runat="server" Text=""></asp:Label>(The data in the table is rounded to the nearest whole number.) &nbsp &nbsp &nbsp <asp:Button ID="downloadmon2" runat="server" Text="Download" OnClick="downloadmonW2_Click" CssClass="input-style" BackColor="#ADD8E6"/></blockquote> <asp:GridView ID="weekdataT" runat="server" Style="width: 100%;text-align:center" CssClass="GridViewStyle" OnRowDataBound="GridView1_RowDataBound" > <Columns> </Columns> </asp:GridView> </div> </asp:Panel> </form> </body> </html> 请帮忙优化这界面，让它变得更加美观
最新发布
11-18
<asp:Button ID="downloadmon1" runat="server" Text="Download" OnClick="downloadmonW1_Click" CssClass="input-style" /> </blockquote> <asp:GridView ID="weekdata" runat="server" Style="width: 100%;text...
<asp:Button ID="Button1" runat="server" Text="登录" OnClick="Button1_Click" CssClass="button"></asp:Button>
05-09
这是一个ASP.NET Web Forms页面中的登录按钮，使用了ASP.NET服务器控件<asp:Button>来创建。它的ID为"Button1"，运行在服务器端（runat="server"），显示文本为"登录"（Text="登录"），当用户单击按钮时将触发名为...
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Grade.Login" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>成绩管理系统 - 登录</title> <style> .container { width: 300px; margin: 100px auto; } .form-group { margin-bottom: 15px; } .error-message { color: red; } </style> </head> <body> <form id="form1" runat="server"> <div> <h2>成绩管理系统</h2> <asp:Label ID="ErrorMessage" runat="server" CssClass="error-message" Visible="false"></asp:Label> <div class="form-group"> <label>用户类型:</label> <asp:DropDownList ID="UserType" runat="server"> <asp:ListItem Value="管理员">管理员</asp:ListItem> <asp:ListItem Value="教师">教师</asp:ListItem> <asp:ListItem Value="学生">学生</asp:ListItem> </asp:DropDownList> </div> <div class="form-group"> <label>用户名:</label> <asp:TextBox ID="Username" runat="server"></asp:TextBox> </div> <div class="form-group"> <label>密码:</label> <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox> </div> <asp:Button ID="LoginButton" runat="server" Text="登录" OnClick="LoginButton_Click" /> </div> </form> </body> </html> 匹配cs代码
06-10
### ASP.NET C# Login.aspx.cs Code-Behind Example with DropDownList and Authentication 在 ASP.NET 中，`Login.aspx.cs` 是与 `Login.aspx` 页面对应的代码隐藏文件。以下是一个包含 `DropDownList` 和身份验证...
ASP.NET按钮OnClick事件无法用JS触发
翩跹星子的博客
08-08 2203
原因：在浏览器上，Button的ID会改变，所以使用getElementById拿不到对象, alert返回null，ClientIDMode="Static"就是设置它的ID不变，这样就可以调用Button的OnClick事件；问题2： 在后台拿到了FileUpload所选图片的绝对路径后，将它赋值给Image控件，但Image始终无法显示图片；解决办法：先将图片保存到项目临时目录下，然后将这个临时目录的路径赋值给Image控件即可；问题1：按钮的OnClick事件无法用JS触发；...
asp.net html按钮事件,js触发asp.net的Button的Onclick事件应用
weixin_42501704的博客
06-05 1573
在asp.net引入事件驱动之后，在一个页面上很容易解决多个按钮触发不同事件的问题，避免了在asp中需要多个form或者通过js脚本来控制的麻烦。asp.net带来便利的同时，也带来一个问题。在实际应用中一个页面存在多个按钮的情况并不多。用户习惯于在输入框输入内容之后，直接按回车就提交表单了。由于asp.net采用的是事件驱动模式，所以默认用户按回车并没有触发按钮的onclick事件。用户按回车也...
ASP 中button的onclick事件带有加参数
AngleKill的专栏
03-22 5336
<br />假设:是button按纽,我可以在button里加一个CommandArgument= "** " <br />然后在事件里通过((Button)sender).CommandArgument.toString== "** "来做
Button的onClick属性
dgdisme
09-13 9198
Button的onClick属性用法： Layout： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" an
ASP.net Button Onclick无效
点点滴滴
03-17 3061
说是有个页面的按钮不好用，点击也没反应，让我看一下。 简单看了看，对应的后台代码有写的，可是根本就没有跳转，而且页面js也没报错（这个思路有问题，因为这个跳转是控件直接跳转，不需要js，所以js是不会有问题，就算js有问题解决了这个问题也不会解决） 百度了一下，众说纷纭，忽然想起来之前貌似遇到过这个问题，看了看button的属性，有一个CausesValidation属性，设置为false就好
ASP.NET控件之Button控件
weixin_30647065的博客
06-28 279
使用 Button 控件在网页上创建下压按钮。 语法：<asp:Button /> 既可以创建“提交”按钮，也可以创建“命令”按钮。 默认情况下，Button 控件是“提交”按钮。“提交”按钮没有与之相关联的命令名（由 CommandName 属性指定），它只是将网页回发到服务器。可以为 Click 事件提供事件处理程序，以便以编程方式控制在用户单击“提交”按钮时执行的...
ASP.NET中OnClientClick与OnClick的区别
克里斯前端
06-20 747
OnClick属性用于指定服务器端事件处理程序（通常是一个C#或VB.NET方法）在按钮被点击时执行。该处理程序在服务器端运行，需要将请求发送回服务器（回传），并由服务器处理后返回响应给客户端。OnClientClick属性用于指定客户端脚本（通常是JavaScript）在按钮被点击时执行。该脚本在客户端浏览器中运行，不会回传到服务器。btnSubmit_Click始终会执行。对于asp:Button中的onclientclick方法和onclick方法，执行顺序和执行条件问题。
关于asp:Button控件的一些学习
aiouwen521的专栏
08-03 8161
Button可以是提交按钮也可以是命令按钮。即submit或者command Button控件可以用来作为Web页面中的普通按钮。submit类型按钮用来把Web页面提交到服务器处理，没有从服务器返回的过程；command类型的按钮有一个相应的command名(通过Comman
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值