管理杂谈OA答疑ERP答疑教程搜索

AJAX无刷新验证用户名


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值会马上传到数据库验证。


更多精彩文章浏览...
点击右上角图标分享到朋友圈
官方网站:http://www.clicksun.cn
咨询热线:400-186-1886
服务邮箱:service@clicksun.cn