使用ajax判斷登錄用戶名


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="CZBK.ItcastProject.WebApp._2015_6_2.Register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="../Js/jquery-1.7.1.js"></script>
       
    <script type="text/javascript">
        //實現檢查登錄用戶名是否存在
        $(function () {
            //首先該元素不顯示
            $("#msg").css("display", "none");
            //當光標移除之后,獲取該元素的values值,並且判斷如果不等於null傳遞給以下一般處理程序處理
            $("#txtUserName").blur(function () {
                var userName = $(this).val();
                if (userName != "") {
                    $.post("CheckUserName.ashx", { "name":  userName }, function (data) {
                        $("#msg").css("display", "block");
                        $("#msg").text(data);  //賦值

                    });
                } else {
                    alert("用戶名不能為空!!");
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    用戶名:<input type="text" name="txtName" id="txtUserName" /><span id="msg" style="font-size:14px;color:red"></span><br />
    密碼:<input type="password" name="txtPWD" /><br />
        <input type="submit" value="注冊" />
    </div>
    </form>
</body>
</html>

對應的一般處理程序代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace CZBK.ItcastProject.WebApp._2015_6_2
{
    /// <summary>
    /// CheckUserName 的摘要說明
    /// </summary>
    public class CheckUserName : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
           string userName=context.Request["name"];
           BLL.UserInfoService UserInfoService = new BLL.UserInfoService();
           //if (UserInfoService.GetUserInfo(userName) != null)
            if (userName== "1231")
           {
               context.Response.Write("此用戶名已存在!!");
               
               
           }
           else
           {
               context.Response.Write("此用戶名可用!!");
           }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}
一般處理程序代碼

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM