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

/ / 2016-07-24   阅读:2565
index.html页面 <style> <!-- td{font-size:12px;} .div1{margin-left:10px;} //--> </style> <script src="js/jquery.js"></script>  <TABLE border=0 cell...

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的使用举例
开发:<a href="http://www.aspbc.com">www.aspbc.com</a> 支持原创,请不要删除此信息
*/
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
%>

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈