转自:http://hi.baidu.com/cyhzhl/item/695c8ef9978fd214fe358201
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<STYLE type=text/css>
.itemcheckok {
BORDER-RIGHT: #00be00 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #00be00 1px solid; PADDING-LEFT: 22px; BACKGROUND: url(../Images/alert_right_s.gif) #e6ffe6 no-repeat 3px center; PADDING-BOTTOM: 2px; FONT: 12px/14px Verdana; BORDER-LEFT: #00be00 1px solid; WIDTH: 290px; COLOR: #333; PADDING-TOP: 6px; BORDER-BOTTOM: #00be00 1px solid; HEIGHT: 14px
}
.itemcheckerror {
BORDER-RIGHT: #f60 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #f60 1px solid; PADDING-LEFT: 22px; BACKGROUND: url(../Images/alert_error_s.gif) #fff2e9 no-repeat 3px center; PADDING-BOTTOM: 2px; FONT: 12px/14px Verdana; BORDER-LEFT: #f60 1px solid; WIDTH: 290px; COLOR: #333; PADDING-TOP: 6px; BORDER-BOTTOM: #f60 1px solid; HEIGHT: 14px
}
.safecheck {
BACKGROUND: #eee; WIDTH: 153px; HEIGHT: 18px
}
.safecheck DIV {
BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #eee; FLOAT: left; FONT: 13px/16px Verdana; WIDTH: 51px; COLOR: #333; PADDING-TOP: 2px; HEIGHT: 16px; TEXT-ALIGN: center
}
.regbutton {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../Images/reg.gif) #eee no-repeat; BORDER-BOTTOM-WIDTH: 0px; FONT: bold 14px/30px Verdana; WIDTH: 262px; CURSOR: pointer; COLOR: #fff; HEIGHT: 39px; BORDER-RIGHT-WIDTH: 0px
}
</STYLE>
<SCRIPT src="jquery.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
<!--
$(document).ready(function(){
$("#user_name").blur(function(){
checkUserName(1);
});
});
var nameOk=false;
var passwordOk=false;
function checkUserName(v){
var alarm=$("#user_name").parents("tr").find(".itemalarm");
alarm.find("div[class*='itemcheck']").remove();
if($("#user_name").val()==""){
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckerror\">用户名不能为空,请输入用户名。</div>");
}else if(/^[0-9_]/.test($("#user_name").val())){
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckerror\">用户名不能以数字或下划线开头,请重新输入。</div>");
}else if(/([^0-9a-zA-Z_]+)/.test($("#user_name").val())){
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckerror\">用户名包含非法字符,请重新输入。</div>");
}else if($("#user_name").val().length < 5 || $("#user_name").val().length > 15){
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckerror\">该用户名长度太短,请重新输入。</div>");
}else{
if(v>0){
//$(".regbutton").attr("disabled","true");
//var url = "checkUserName.asp";
$.ajax({
type:"GET",
url:"checkUserName.asp?user_name="+$("#user_name").val(),
success:function(data){
if(data=="Append Yes"){
nameOk=true;
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckok\">该用户名可以使用。</div>");
}else{
nameOk=false;
//alert("Data Loaded: " + data);//测试返回值
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckerror\">该用户名已被注册使用,请输入其他用户名。</div>");
}
//$(".regbutton").removeAttr("disabled");
}
});
}else{
if(nameOk){
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckok\">该用户名可以使用。</div>");
}else{
alarm.find(".itemword").hide().end().append("<div class=\"itemcheckerror\">该用户名已被注册使用,请输入其他用户名。</div>");
}
}
}
$("#user_name").one("focus", function(){
alarm.find("div[class*='itemcheck']").remove();
alarm.find("div").show();
});
}
-->
</SCRIPT
<title>新用户注册</title>
</head>
<body>
<center>
<table width="761" height="427" border="0" background="../Images/RegBg.png" cellpadding="0" cellspacing="0">
<form id="reg" name="reg" action="" method="post">
<tr>
<td width="129" height="30" align="right" valign="middle"><b>用户名: </b></td>
<td width="165" valign="middle"><input name="user_name" id="user_name" type="text" maxlength="15" style="FLOAT:left;WIDTH:153px;height:21px;"></td>
<td width="319" valign="middle"><div class="itemalarm"><div class="itemword"><font id="RegRightText">由字母开头的5-15个字符组成(仅允许字母、数字、下划线)</font></div></div></td>
</tr>
</form>
</table>
</center>
</body>
</html>
checkUserName.asp文件内容
<%
dim user_name
user_name=Trim(Request.QueryString("user_name"))
set rs=server.createobject("adodb.recordset")
sql="select * from 查询表 where 条件='"&user_name&"'"
rs.open sql,conn,1,3
if rs.eof and rs.bof then
Response.Write ("Append Yes")
else
response.Write ("Append No")
end if
rs.close
set rs=nothing
%>