AJAX无刷新验证用户名
|
admin
2010年1月13日 17:45
本文热度 15180
|
AJAX无刷新验证用户名
///---reg.htm---开始///
<script language="JavaScript">
function GetResult(str)
{
/*
*--------------- GetResult(str) -----------------
* 功能:通过XMLHTTP发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:GetResult(document.all.userid.value);
*--------------- GetResult(str) -----------------
*/
var exitdos = new ActiveXObject("Microsoft.XMLHTTP");
////中文等特殊字符要先用escape编码
exitdos.open("POST","server.asp?userid="+escape(str),false);
exitdos.send();
//解码用escape方法进行了编码的String对象
document.all.username.value=unescape(exitdos.responseText)
}
</script>
userid:<input type="text" name="userid" onblur="GetResult(document.all.userid.value)"/>
username:<input type="text" name="username"/>
///---server.asp---开始///
<% @Language="JavaScript"%>
<%
function OpenDB(sdbname)
{
var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath(sdbname);
var conn = Server.CreateObject("ADODB.Connection");
conn.Open(connstr);
return conn;
}
var sResult = "";
var oConn = OpenDB("data.mdb");
var userid = unescape(Request("userid"));
var sql = "select username from users where userid='"+userid+"'";
var rs = oConn.Execute(sql);
if(!rs.EOF)
{
sResult = "Sorry,该用户名已存在"
}
else
{
sResult = "该用户可以注册"
}
Response.Write(escape(sResult));
%>
///---Access数据库---///
mdb数据库名:data.mdb
表:users
表结构:
id(自动编号)
userid(文本)
username(文本)
////到此,源代码和数据库就完成了,因为用的是:onblur事件,当光标的焦点离开时,input值会马上传到数据库验证。
该文章在 2026/4/13 18:43:35 编辑过