如何通过从表单中删除输入的数据来显示成功消息

本文关键字：数据 显示 成功 消息 输入 何通过 表单 删除 | 更新日期: 2023-09-27 18:36:54

我是一个新的 ASP.NET 开发人员，我有以下简单的数据输入表单，将用于将所需的信息插入数据库。我的问题是，单击插入按钮后，我想让用户保持在同一页面中，同时收到有关插入状态的消息并从数据输入字段中删除数据。那么该怎么做呢？

例如，我

有以下表单，我想要的是当用户单击"提交"按钮并将数据插入数据库后，我想向他显示成功消息，而不保留他在字段中输入的数据。应删除它们并准备好进行另一次数据插入。

那么该怎么做呢？

ASP.NET 代码：

<asp:Panel ID="Panel1" runat="server">
        <h3>Adding a New Item</h3>
        <table>
            <tr>
                <td>Name: </td>
                <td>
                    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Description: </td>
                <td>
                    <asp:TextBox ID="txtDesc" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Start Date: </td>
                <td>
                    <asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox>
                    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtStartDate"></asp:CalendarExtender>
                </td>
            </tr>
            <tr>
                <td>End Date: </td>
                <td>
                    <asp:TextBox ID="txtEndDate" runat="server"></asp:TextBox>
                    <asp:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtEndDate"></asp:CalendarExtender>
                </td>
            </tr>
        </table>
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
        <br />
        <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
    </asp:Panel>

如何通过从表单中删除输入的数据来显示成功消息

使用如下代码：

txtName.Text ="";
txtDesc.Text ="";
lblMessage.Text ="Your Success Message";

在page_load事件中，设置 lblmessage。文本 =";

当然，此代码应编写在btnSubmit_Click事件中。

在页面加载中，您应该定义您的 lblmessage

lblMessage.Text="";

将数据插入数据库后btnSubmit_click您应该显示消息并清空文本框

txtName.Text ="";
txtDesc.Text ="";
lblmessage.text="Your message";

为什么不使用 JQuery 过滤器来执行此操作，而不是在服务器端执行此操作，这会很昂贵，这里有一个示例 http://jsfiddle.net/kR5dZ/2/例如：

$(function() {
    var allInputs = $( ":input" );
    allInputs.val("Enter Value...");
});

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
          // code for inserting record in database
          // Set the Success Message
          lblMessage.Text = "your message";
          // Clear textboxes
          txtName.Text ="";
          txtDesc.Text ="";
          txtStartDate.Text ="";
          txtStartDate.Text ="";
    }

使您的标签消息可见 = false

<asp:Label ID="lblMessage" runat="server" Visible="false" Text="A new Record has been inserted"></asp:Label>

在按钮的单击事件中，您可以执行以下操作： 

protected void btnSubmit_Click(object sender, EventArgs e)
{
      // Write the code for inserting a record in the DB :
      // Set the Success Message visibility = true
      lblMessage.Visible = true;
}

在页面加载事件中，执行以下操作：

protected void Page_Load(object sender, EventArgs e)
{
   lblMessage.Visible = false;
}
相关文章：