怎么使用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实现对象失去焦点时自己动提交数据功能”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网页标题：怎么使用onblur实现对象失去焦点时自己动提交数据功能-创新互联
文章出自：https://www.cdcxhl.com/article44/ddjjhe.html

成都网站建设公司_创新互联，为您提供App设计、外贸网站建设、营销型网站建设、外贸建站、商城网站、定制开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联