簡單的jQuery檢測註冊使用者名稱

test.html

view plaincopy to clipboardprint?
<html> 
<head> 
<title>表單驗證</title> 
<mce:script src="jquery-1.3.2.min.js" mce_src="jquery-1.3.2.min.js" type="text/javascript"></mce:script> 
<mce:script type="text/javascript"><!--  
$(function(){  
       $("#username").blur(function(){  
            $.get("checkname.ashx", {   
                        username :  $("#username").val()                          
                    }, function (data, textStatus){   
                        $("#msg1").html(data).css("color","red");   
                    }  
            );  
       })  
    })  
// --></mce:script> 
</head> 
<body> 
<form id="form1"> 
 <p id="p1">使用者名稱：<input type="text" name="username" id="username" /><span id="msg1"></span></p> 
</form> 
</body> 
</html> 
<html>
<head>
<title>表單驗證</title>
<mce:script src="jquery-1.3.2.min.js" mce_src="jquery-1.3.2.min.js" type="text/javascript"></mce:script>
<mce:script type="text/javascript"><!--
$(function(){
    $("#username").blur(function(){
   $.get("checkname.ashx", {
      username :  $("#username").val()      
     }, function (data, textStatus){ 
                        $("#msg1").html(data).css("color","red");
     }
   );
    })
 })
// --></mce:script>
</head>
<body>
<form id="form1">
 <p id="p1">使用者名稱：<input type="text" name="username" id="username" /><span id="msg1"></span></p>
</form>
</body>
</html>

checkname.ashx

view plaincopy to clipboardprint?
<%@ WebHandler Language="C#" Class="checkname" %>  
using System;  
using System.Web;  
public class checkname : IHttpHandler  
{  
    public void ProcessRequest(HttpContext context)  
    {  
        context.Response.ContentType = "text/plain";  
        string username = context.Request.QueryString["username"];  
        if (username == "gdjlc")  
            context.Response.Write("對不起，此使用者名稱登入。");  
        else 
            context.Response.Write("恭喜，目前使用者名可以註冊。");  
    }  
    public bool IsReusable  
    {  
        get 
        {  
            return false;  
        }  
    }  
} 

本文來自CSDN部落格，轉載請標明出處：http://blog.csdn.net/gdjlc/archive/2009/11/20/4840261.aspx