使用updatepanel局部刷新实现注册时对用户名的检测示例
通过将控件放入到updatepanel中,实现局部刷新。
前台代码:
代码如下:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager> //必须有且写在updatepanel前面
<asp:updatepanel runat="server" id="updatepanel1">
<contenttemplate>
<asp:textbox runat="server" id="txtname"></asp:textbox>
<asp:button runat="server" id="btn" text="检测" onclick="btn_click"></asp:button>
<asp:label runat="server" id="tip"></asp:label>
</contenttemplate>
</asp:updatepanel>
protected void btn_Click(object sender, EventArgs e)
{
if (this.txtname.Text == "user1")
{
this.tip.Text = "用户名已存在";
}
else
{
this.tip.Text = "用户名可用";
}
}
相关推荐
-
asp.net UpdatePanel实现无刷新上传图片
1)前台 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o
-
UpdatePanel和jQuery不兼容 局部刷新jquery失效
在做项目中发现,在使用了UpdatePanel的地方,局部刷新后,jquery失效了. 后来网上一查,才发现,jquery中的ready事件会在DOM完全加载后运行一次,而当我们实用了UpdatePanel,它只局部更新,并未重新加载页面所有Dom,所以jquery中ready事件将不会再次执行.所以,我们可以将ready事件中执行的代码提取出来,然后通过捕获ScriptManager的EndRequest事件,在每次 UpdatePanel局部刷新之后执行一次jQuery初始化代码: 复制代码
-
vs.net控件updatePanel实现无刷新的方法
页面部分 复制代码 代码如下: <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <h2> 使用VS控件updatePanel实现无刷新 </h2> <p> <asp:UpdatePanel ID="UpdatePanel1"
-
使用updatepanel局部刷新实现注册时对用户名的检测示例
通过将控件放入到updatepanel中,实现局部刷新.前台代码: 复制代码 代码如下: <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> //必须有且写在updatepanel前面<asp:updatepanel runat="server" id="updatepanel1"><c
-
PHP+AJAX实现无刷新注册(带用户名实时检测)
很多时候,我们在网上注册个人信息,在提交完页面后,总得等待页面刷新来告诉我们注册是否成功,遇到网络差的时候,如果注册了一大串的东西,在经过漫长的等待页面刷新后,得到的确是"您的用户名已被使用"或XXXXXXX不合法,我想大家的心情一定特别不爽,今天就介绍个AJAX实现页面不刷新注册+实时检测用户信息的简单注册程序,希望对大家有所帮助.好的,先看注册界面代码: <table width="831" border="0" align="
-
利用ajax实现简单的注册验证局部刷新实例
1,ajax(asynchronouse javascript and xml)异步的 javascrip 和xml 2,(包含了7种技术:javascript xml xstl dom xhtml css xmlhttpRequest) 3,是一种与服务器语言无关的技术,可以用在(php/jsp/asp.net) 4,ajax的工作原理: 创建一个ajax引擎->发送数据给服务器-->通过回调函数接收数据--->将数据赋给指定的页面 下面是注册验证案例register.php是注册页面
-
整体刷新和局部刷新frameset窗口问题深入探讨
在项目中,经常会遇到页面分割,最常见的系统或网站的主界面.主页面分为,上面系统简介.下面作者简介.左边系统功能菜单.右边则是菜单真正展示的界面. 遇到这种这种分割页面,大家首先想到是frameset,使用framset分割多种frame,这种方式简单.若是不喜欢使用framset,喜欢前台设计的人也许会选择div拼接,浮动,这就考查css样式的功底了. 这次主要讲解局部刷新的问题.需求是:左边frame,右边frame. 大家肯定疑问,这样刷新没有问题啊.的确如此.现在使用framset,分割两
-
有关于整体刷新和局部刷新frameset窗口
在项目中,经常会遇到页面分割,最常见的系统或网站的主界面.主页面分为,上面系统简介.下面作者简介.左边系统功能菜单.右边则是菜单真正展示的界面. 遇到这种这种分割页面,大家首先想到是frameset,使用framset分割多种frame,这种方式简单.若是不喜欢使用framset,喜欢前台设计的人也许会选择p拼接,浮动,这就考查css样式的功底了. 这次主要讲解局部刷新的问题.需求是:左边frame,右边frame. 大家肯定疑问,这样刷新没有问题啊.的确如此.现在使用framset,分割两fr
-
ASP.NET使用ajax实现分页局部刷新页面功能
listview列表实现分页是非常容易的.ListView分页是非常简单的,加上一个DataPager控件,把ListView的ID赋予就可以了.最开始我就是这么写的.(网上有人说这样是伪分页?) <asp:ListView ID="newBlogItems" runat="server" DataSourceID="AccessDataSource1" ViewStateMode="Disabled"> <
-
Android开发之ListView实现Item局部刷新
对于android中的ListView刷新机制,大多数的程序员都是很熟悉的,修改或者添加adapter中的数据源之后,然后调用notifyDataSetChanged()刷新ListView.在这种模式下,我们会在getView中,根据不同的数据源,让控件显示不同的内容.这种模式是最常见的刷新模式,当我们来回滑动ListView的时候,调用adapter的getView方法,然后listview对adapter返回的View进行绘制.这种模式下,View的显示内容或状态都记录在adapter里面
-
.NET使用js制作百度搜索下拉提示效果(不是局部刷新)实现思路
搞了个不是局部刷新的百度搜索框下拉提示效果,在被领导批了n次后,问了n次后,弄出来了,真心感觉我这个小脑壳,太不灵光了,太懒了.记录下来,以免忘记. 大致思路:前台放一个input标签,然后当该标签内的值输入有变化的时候,调用后台代码查询 符合条件的数据绑定ListBox. 具体实现思路:一个input,当输入值变化时,调用后台代码.但是怎么调用呢,这个是个问题了,在该input下放一个隐藏的服务器控件button,隐藏该控件,当input里值变化时,调用js,在js里触发该按钮的onclick
-
妙用Ajax技术实现局部刷新商品数量和总价实例代码
1. 问题的分析 先看一下页面中的情况: 功能如上,在没有Ajax之前,一般都是根据用户修改的值去找Action,然后返回新的jsp页面重新加载整个页面,完成数字的更新.但是有了Ajax技术后,我们可以利用Ajax技术局部刷新要改变的地方,而不是重新加载整个页面.首先看一下上图对应的jsp部分的代码: <div class="section_container"> <!-- 购物车 --> <div id="shopping_cart"
随机推荐
- javascript中全局对象的parseInt()方法使用介绍
- bat If 命令常用判断介绍
- java eclipse 出现 xxx cannot be resolved to a type 错误解决方法
- 不同浏览器对回车提交表单的处理办法
- 在javascript中如何得到中英文混合字符串的长度
- PHP实现将汉字转换为拼音及获取词语首字母的方法
- php数组索引的Key加引号和不加引号的区别
- WinForm中的几个实用技巧汇总
- MySQL中的联合索引学习教程
- PHP中获取变量的变量名的一段代码的bug分析
- 页面版文本框智能提示JS代码
- nodejs处理图片的中间件node-images详解
- jQuery实现简单弹窗遮罩效果
- js获取json元素数量的方法
- JavaWeb实现同一帐号同一时间只能一个地点登陆(类似QQ登录的功能)
- ASP Err.Number 错误描述详解
- 浅谈 IPv6 基本技术原理和特点二
- Vue侧滑菜单组件——DrawerLayout
- Material(包括Material Icon)在Angular2中的使用详解
- Vue press 支持图片放大功能的实例代码
