asp.net Anthem 无刷新检测注册用户名

最新推荐文章于 2019-01-08 01:19:07 发布
最新推荐文章于 2019-01-08 01:19:07 发布
阅读量1.5k 收藏 4
点赞数
分类专栏： ASP.NET Ajax 文章标签： asp.net radiobutton server textbox button asp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhan198271/article/details/2246010
版权

 

 

本实例用到的是Anthem Ajax框架来实现无刷新检测注册用户名的。Anthem Ajax下载地址：

http://sourceforge.net/projects/anthem-dot-net

添加User类:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

 public bool CheckUser (string strUserName)
        {

            SqlConnection con = new SqlConnection("Server=zhan;database=blog;uid=sa;pwd=zhan");
            SqlCommand cmd = new SqlCommand("select * from Blog_User where UserName='" + strUserName + "'",con);
            cmd.Connection.Open();
            SqlDataReader dr = cmd.ExecuteReader();
            if (dr.Read())
            {
                return true;
            }
            else
            {
                return false;
            }

        }

reg.aspx 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="reg.aspx.cs" Inherits="Front_reg" %>
<%@ Register Assembly="Anthem" Namespace="Anthem" TagPrefix="anthem" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title>博客</title>

    <STYLE type="text/css">#layout_0 { FLOAT: left; WIDTH: 22% }
 #layout_1 { FLOAT: left; WIDTH: 72% }
 #layout_3 { FLOAT: left; WIDTH: 0% }
 .albumalert { BORDER-RIGHT: #777 1px solid; BORDER-TOP: #777 1px solid; BACKGROUND: #fff; BORDER-LEFT: #777 1px solid; WIDTH: 250px; BORDER-BOTTOM: #777 1px solid; HEIGHT: 150px }
 .alerttitle { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; font-SIZE: 14px; BACKGROUND-IMAGE: url(/images/quickwindow.jpg); PADDING-BOTTOM: 6px; COLOR: #000; PADDING-TOP: 6px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 22px; TEXT-ALIGN: left }
 .alertcentent { LINE-HEIGHT: 30px }
 CODE { BORDER-RIGHT: #282828 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #282828 1px solid; DISPLAY: block; PADDING-LEFT: 1em; BACKGROUND: #222; PADDING-BOTTOM: 1em; MARGIN: 0.5em; font: 1em Fixedsys; BORDER-LEFT: #282828 1px solid; COLOR: #888; PADDING-TOP: 1em; BORDER-BOTTOM: #282828 1px solid }
 CODE SPAN { COLOR: #666; font-FAMILY: Verdana }
 #fixed { RIGHT: 0px; POSITION: fixed; TOP: 120px }
 </STYLE>
    <META content="MShtml 6.00.2900.3059" name="GENERATOR">
    <link href="../Blog.css" rel="stylesheet" type="text/css" />
    </head>
 <body οndragstart="return false" οnlοad="initExobud();">
 <form id="Form1" runat ="server" >
  <div id="fixed" style="DISPLAY: none" align="center">
  
  </div>
  <font face="宋体"></font><font face="宋体"></font>
    <div id="topPadding"></div>
    <div id="header" style="height: 101px">
                    <img src="../css/title11-02-58.jpg" /></div>
    <div id="navBar">
     <div id="innerNavBar" style="height: 22px; width: 980px;">
     </div>
    </div>
    <div id="mainWrapper">
                    <div style="width: 379px; height: 306px">
                    <table style="width: 854px; position: static; height: 201px">
                        <tr>
                            <td colspan="4" style="height: 25px; text-align: center">
                </td>
                        </tr>
                        <tr>
                            <td colspan="4" style="height: 34px; text-align: center; font-size: 16px;">
                                <asp:Label ID="Label1" runat="server" Font-Size="Medium" Text="用户注册" Width="111px"></asp:Label></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="font-size: 16px; height: 7px; text-align: center">
                            </td>
                        </tr>
        <tr>
            <td style="width: 389px; text-align: right; height: 22px;">
                用户名:</td>
            <td style="width: 132px; height: 22px;">
                <anthem:TextBox ID="txtUserName" runat="server" Style="position: static" Width="150px" AutoCallBack ="true"  OnTextChanged="TextBox1_TextChanged" ></anthem:TextBox></td>
            <td style="width: 179px; height: 22px; text-align: left;">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUserName"
                    Display="Dynamic" ErrorMessage="用户名不能为空！" Width="98px"></asp:RequiredFieldValidator>
                    <anthem:Label ID="labResult" runat="server" Width="201px" Font-Size="Small" Height="16px"></anthem:Label></td>
            <td style="width: 116px; height: 22px">
            </td>
        </tr>
        <tr>
            <td style="width: 389px; height: 12px; text-align: right">
                密码:</td>
            <td style="width: 132px; height: 12px">
                <anthem:TextBox ID="txtPwd" runat="server" AutoCallBack ="true" TextMode="Password" Width="150px" OnTextChanged="txtPwd_TextChanged"></anthem:TextBox></td>
            <td style="width: 179px; height: 12px">
                <anthem:Label ID="lblPwdLength" runat="server" Font-Size="Small" Width="190px"></anthem:Label>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtPwd"
                    Display="Dynamic" ErrorMessage="密码不能为空！"></asp:RequiredFieldValidator></td>
            <td style="width: 116px; height: 12px; text-align: center;">
                &nbsp;<select id="lstPic" name="lstPic" οnchange="document.images['face'].src=options[selectedIndex].value;" runat="server" style="width: 41px; position: static">
                                </select></td>
        </tr>
        <tr>
            <td style="width: 389px; text-align: right; height: 2px;">
                性别:</td>
            <td style="width: 132px; height: 2px;">
                <anthem:RadioButton ID="RadioButton1" runat="server" Style="position: static" Text="帅哥" GroupName="sex" />
                <anthem:RadioButton ID="RadioButton2" runat="server" Style="position: static" Text="美女"
                    Width="60px" GroupName="sex" /></td>
            <td style="width: 179px; height: 2px;">
            </td>
            <td rowspan="7" style="width: 116px">
                <img alt="个人头像" id="face" src="" runat="server" style="position: static" /></td>
        </tr>
        <tr>
            <td style="width: 389px; text-align: right; height: 9px;">
                邮箱:</td>
            <td style="width: 132px; height: 9px;">
                <anthem:TextBox ID="txtEmail" runat="server" Style="position: static" Width="150px"></anthem:TextBox></td>
            <td style="width: 179px; height: 9px;">
                <anthem:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
                    ControlToValidate="txtEmail" ErrorMessage="邮箱格式不正确！" Font-Size="Small" Style="position: static"
                    ValidationExpression="/w+([-+.']/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*" Width="108px" Display="Dynamic"></anthem:RegularExpressionValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtEmail"
                    Display="Dynamic" ErrorMessage="不能为空！" Width="65px"></asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td style="width: 389px; height: 16px; text-align: right">
                验证码:</td>
            <td style="width: 132px; height: 16px">
                <anthem:TextBox ID="txtCode" runat="server" Style="position: static" Width="150px"></anthem:TextBox></td>
            <td style="width: 179px; height: 16px">
            <%--<img  src ="~/Admin/ValidateCode.aspx" οnclick="this.src='~/Admin/ValidateCode.aspx'"/>--%>
                <asp:Image ID="Image1" runat="server" Width="58px"   ImageUrl ="~/Admin/ValidateCode.aspx" Height="20px"/></td>
        </tr>
        <tr>
            <td style="width: 389px; height: 20px;">
            </td>
            <td style="width: 132px; text-align: center; height: 20px;">
                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Style="position: static"
                    Text="确定" Width="49px" CssClass="ButtonCss" />
                &nbsp;<anthem:Button ID="btnCancel"
                        runat="server" Style="position: static" Text="取消" Width="47px" OnClick="btnCancel_Click" CssClass="ButtonCss" />
                </td>
            <td style="width: 179px; height: 20px;">
            </td>
        </tr>
                        <tr>
                            <td style="width: 389px; height: 21px">
                            </td>
                            <td style="width: 132px; height: 21px; text-align: center">
                            </td>
                            <td style="width: 179px; height: 21px">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 389px; height: 21px">
                            </td>
                            <td style="width: 132px; height: 21px; text-align: center">
                            </td>
                            <td style="width: 179px; height: 21px">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 389px; height: 21px">
                            </td>
                            <td style="width: 132px; height: 21px; text-align: center">
                            </td>
                            <td style="width: 179px; height: 21px">
                            </td>
                        </tr>
    </table>
                    </div>
  </div>
  </form>
  
 </body>
</html>

 reg.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using System.Text.RegularExpressions;
using System.IO;
using System.Drawing;
using System.Globalization;
using System.Resources;

public partial class Front_reg : System.Web.UI.Page
{
    User user = new User();
    protected void Page_Load(object sender, EventArgs e)
    {   

    }

    protected void TextBox1_TextChanged(object sender, EventArgs e)
    {

        if (user.CheckUser(this.txtUserName.Text.Trim()))
        {
            labResult.Text = "对不起，该用户名已被使用！";
            txtUserName.ForeColor = Color.Red;
            labResult.ForeColor = Color.Red;
            txtUserName.UpdateAfterCallBack = true;
            labResult.UpdateAfterCallBack = true;
        }
        else
        {
            labResult.ForeColor = Color.Blue;
            labResult.Text = "恭喜你，此用户名可以使用！";
            txtUserName.UpdateAfterCallBack = true;
            labResult.UpdateAfterCallBack = true;

        }

    }

 }
    protected void btnCancel_Click(object sender, EventArgs e)
    {
        Response.Redirect("../Front/BookList.aspx");
    }

    protected void txtPwd_TextChanged(object sender, EventArgs e)
    {
        if (txtPwd.Text.Length < 6)
        {
            lblPwdLength.Text = "密码长度必须是>6位的字母、数字或两者的组合！";
            lblPwdLength.ForeColor = Color.Red;
            lblPwdLength.UpdateAfterCallBack = true;

        }
        else
        {
            lblPwdLength.ForeColor = Color.Blue;
            lblPwdLength.Text = "填写正确！";
            lblPwdLength.UpdateAfterCallBack = true;
        }
    }
}

 

zhan198271
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET实现图片轮换
ASp.NET学习网(www.17aspx.com)
02-15 2203
                             http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    图片轮换            var imgWidth=300;               //图片宽var imgHeight=180;
Asp.Net建立ODBC数据源连接
ASp.NET学习网(www.17aspx.com)
12-24 1148
using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using
ASP.NET 2.0 中的无刷新页面
weixin_30273501的博客
09-10 44
这几天在微软网站看了一编客户端回客户端回调实现 (C#) 示例（网址为：http://msdn2.microsoft.com/zh-CN/library/ms178210.aspx）用它就能实现基本Ajax的原System.Web.UI.ICallbackEventHandler理功能，而不学习一些Ajax框架的东西，感觉挺爽呀，可是运行起报错，后经过仔细查找原来是System.Web.UI....
asp.net简单新闻系统4-add.aspx and reg.aspx
“开心最好”的专栏
05-07 1104
 摘自网易的一个教程，只是自己猜写了一个数据操作类，不用作者的组件，最后达到同样的效果．建议初学者去下载！源码如下：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    无标题页                                    
asp.net 页面中点击按钮后无反应的解决方法
weixin_33970449的博客
01-08 2916
在使用Asp.net开发BS应用程序的时候，我们经常会用到.net自带的验证控件，所以也会碰到如下情况，在表单中输入内容后，无论内容是否合法，点击按钮后，页面都不会执行提交动作（页面无任何反应），这种情况可以是由于aspnet_client目录安装不正确导致的，具体解决办法如下： 解决办法 首先删除站点下的aspnet_client目录，然后在iis中的该站点下，新建一个虚拟目录，名称...
Anthem.NET使用初感
de7654的专栏
05-15 123
最近项目要求，有个类似用户注册的唯一性检 查的功能，虽然写上了但是交互性不够，用户体验太差。于是开始学习AJAX。刚开始的想法是直接用JS写XMLHttpRequest来实现，难度不大。 找了点书再从用AJAX实现注册功能的网站把注册网页源码COPY下来，很简单的封装了下。用的时候发现要改的东西多不是很方便。用ASP.NET AJAX 控件吧Web.config改动实在太大，也不知道会有...
asp.net 点击button按钮后界面不自动刷新
weixin_30826095的博客
08-01 2379
问题： 我使用的button标签，在 标签中没有使用ruant=“server”的属性，但是在点击button时，界面还是会刷新 解决方式： 由于界面中含有form标签，而button标签的默认type是submit。所以相当于进行了form提交操作。为了是界面不刷新只需要在botton标签中加入type=“button”即可。 转载于:https://www.cnblogs.c...
ASP.NET—015：ASP.NET中无刷新页面实现
热门推荐
杨友山
09-30 1万+
前面也说过在asp.net中前后前交互的问题。使用了ajax.js的方法：$.post和$.ajax。http://blog.csdn.net/yysyangyangyangshan/article/details/22755007和http://blog.csdn.net/yysyangyangyangshan/article/details/22438077这种方式对于少量控件的更新和取值，以
asp.net UpdatePanel实现无刷新上传图片
renxingxingge的专栏
08-16 486
<br />1）前台 <br />复制代码 代码如下:<br /><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
asp.net简单新闻系统3-reg.aspx
“开心最好”的专栏
05-07 1039
摘自网易的一个教程，只是自己猜写了一个数据操作类，不用作者的组件，最后达到同样的效果．建议初学者去下载！界面：源码：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    无标题页                                  
Anthem无刷新控件
Haibing的博客
04-30 464
Anthem 控件经搜索，貌似属于第三方控件 需要下载该Dll，引用它。 在Web Config，它在这里配置。 Anthem的原理简单来说是post到当前页面.获得需要更新的内容,再更新原来的页面. 小小举例NPM: aspx代码: aspx.cs 再举个例子： 给出两个文章链接可详细了解该控件。 http://blog.163.com/wangsong
asp.net TreeView实现博客后台管理树
ASp.NET学习网(www.17aspx.com)
04-02 1284
                                                                  XML文件：                                                         用户控件代码：1.BlogMenu.aspx                        
ASP.NET(C#)代码区中显示行号
ASp.NET学习网(www.17aspx.com)
05-01 1074
工具---->选项---->文本编辑器---->C#---->显示---->勾选行号(以Visual Studio 2005 简体中文专业版为例)
ASP.NET计算在页面停留时间
ASp.NET学习网(www.17aspx.com)
05-01 964
                                   此功能主要是前台javascript代码来实现.http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    统计用户在线停留时间              var second=0;  

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值