当前位置:asp编程网>技术教程>Asp教程>  正文

使用jquery实现ajax无刷新用户名检测

2008-11-09 22:57:01   来源:aspprogram.cn    作者:wangsdong   浏览量:2818   收藏
index.html页面
<style>
<!--
td{font-size:12px;}
.div1{margin-left:10px;}
//-->
</style>
<script src="js/jquery.js"></script> 
<TABLE border=0 cellpadding=0 cellspacing=0 width="300">
<FORM METHOD=POST ACTION="">
<TR>
 <TD>用户名</TD>
 <TD><INPUT TYPE="text" NAME="username" id="username" onblur="t();"></TD>
 <TD><div id="username1" class="div1">请输入用户名</div></TD>
</TR>
<TR>
 <TD>密码</TD>
 <TD><INPUT TYPE="text" NAME="password"></TD>
 <TD></TD>
</TR>
 
</FORM>
</TABLE>
<script>
/*
功能:查询用户名是否被注册
jquery的使用举例
开发:www.aspbc.com 支持原创,请不要删除此信息
*/
function t()
{
    username2=document.getElementById("username").value; 
    $.post('reg.asp', {username: username2}, hander);
}
function hander(date)
{
   if (date==0)
   {
      document.getElementById('username1').innerHTML='<font color=#0000ff>可以注册</font>';
   }
   else
   {
      document.getElementById('username1').innerHTML='<font color=#ff0000>此用户名已经注册</font>';
   }
}
</script>

(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

reg.asp
<!-- #include file="adoconn.asp" -->
<%
username=request("username")
sql="select * from users where username='"&username&"'"
rs.open sql,conn,1,1
If rs.eof Then
 response.write "0"
Else
 response.write "1"
End If
rs.close
Set rs=nothing
Set conn=Nothing
%>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

源码下载地址:http://www.aspbc.com/tech/showtech.asp?id=289


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网