怎么使用onblur实现对象失去焦点时自己动提交数据功能

小编给大家分享一下怎么使用onblur实现对象失去焦点时自己动提交数据功能，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

下面代码并非是专案实现代码，只是模拟相同的功能。

代码如下:

<!--Ajax实现页面不闪烁，一直是Insus.NET所喜欢使用的-->

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<div>

<!--放置一个TextBox,让用户输入Data-->

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<!--放置一个LinkButton,提交数据-->

<asp:LinkButton ID="LinkButton1" runat="server" Text="Submit" OnClick="LinkButton1_Click"></asp:LinkButton>

</div>

</ContentTemplate>

</asp:UpdatePanel>

.aspx.cs:

using System;

using System.Collections.Generic;

using System.Drawing;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Insus.NET;

public partial class _Default : System.Web.UI.Page{

protected void Page_Load(object sender, EventArgs e)

{

Data_Binding();

}

private void Data_Binding()

{

}

protected void LinkButton1_Click(object sender, EventArgs e)

{

//这里写提交到数据库中

//下面是Demo使用

InsusJsUtility objJs = new InsusJsUtility();

if (string.IsNullOrEmpty(this.TextBox1.Text.Trim()))

{

objJs.JsAlert("没有数据可提交。");

return;

}

objJs.JsAlert("数据已经提交：" + this.TextBox1.Text);

}

}

上面Demo还是需要用户点击LinkButton来提交数据。为了TextBox的onblur能执行LinkButton的相同的事件，只要找到LinkButton的"__doPostBack()"。我们可以在run的页面，查看源代码:

把上面的yellow高亮的代码附加入TextBox作为onblur事件。下面代码写到.aspx.cs的Data_Binding()内。

this.TextBox1.Attributes.Add("onblur", "__doPostBack('LinkButton1','')");

最后，我们需要把LinkButton的Text="Submit"改为 Text=""，目的是为了把LinkButton隐藏。

以上是“怎么使用onblur实现对象失去焦点时自己动提交数据功能”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！