Asp+jQuery+ajax实例

来源:互联网 发布:win7安装linux操作系统 编辑:程序博客网 时间:2024/05/22 16:48

转自: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>用户名:&nbsp;&nbsp;</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&gt;</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
%>

0 0
原创粉丝点击