使用jquery实现ajax无刷新用户名检测jquery
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
%>
我要评论