在 ASP.NET Web 窗体中显示 HTML 控件的名称(输入类型为“提交”)

本文关键字:类型 输入 提交 Web NET ASP 窗体 控件 HTML 显示 | 更新日期: 2023-09-27 18:35:38

例如,我的aspx页面中有2个输入提交按钮:

<input runat="server" name="btnSubmit" id="btnSubmit" value="Submit" type="submit" OnServerClick="ibtn_Click" />
<input runat="server" name="btnCancel" id="btnCancel" value="Cancel" type="submit" OnServerClick="ibtn_Click" />

从代码隐藏中,如何检查用户单击的按钮是"提交"还是"取消"?

我是 Web 窗体的新手。

在 ASP.NET Web 窗体中显示 HTML 控件的名称(输入类型为“提交”)

HTML

OnServerClick="ibtn_Click(this)" 

.js

function ibtn_Click(el){
   if(el.id == 'btnSubmit'){ // code here for Submit button}
   else if(el.id == 'btnCancel'){ // code here for Cancel button}
}

在OP的评论之后更新。

您可以为两个按钮创建不同的函数,并在另一个函数中保留公共代码(如果有),并在要使用的两个函数中调用此函数。

function common_code (){ //common code for both functions }
function btnSubmit (){
  // code here for Submit button and call 
  common_code ();
}
function btnCancel (){
  // code here for Cancel button and call 
  common_code ();
}

.HTML

<input runat="server" name="btnSubmit" id="btnSubmit" value="Submit" type="submit" OnServerClick="btnSubmit" />
<input runat="server" name="btnCancel" id="btnCancel" value="Cancel" type="submit" OnServerClick="btnCancel" />

是的!,可以使用 1 个方法/函数来 2 个或更多按钮....并且还使用1方法/功能,您可以确定是提交还是取消使用的按钮。

*.asp

<input type="submit" value="Submit" ID="Button1" runat="server" Text="Submit" OnServerClick="Button1_Click" />
<input type="submit" value="Cancel" ID="Button2" runat="server" Text="Cancel" OnServerClick="Button1_Click" />

*.cs(代码隐藏)

protected void Button1_Click(object sender, EventArgs e)
    {
        System.Web.UI.HtmlControls.HtmlInputButton btn = sender as System.Web.UI.HtmlControls.HtmlInputButton;
        if (btn.Value == "Submit")
        {
            // statements
        }
        else if (btn.Value == "Cancel")
        {
            // statements
        }
    }