<!--注册验证用户名是否存在(不刷新)(2008-07-10 11:22:08)标签:document if color ch rs 注册 ajax 验证 用户名 it 分类:网络编程应用
针对ASP的 用的是AJAX写的
分两部分
-->
1.注册页面
JS部分:
<script language="JavaScript">
function chuser(){
var csuser=document.getElementById("csuser").value;
if((csuser == null) || (csuser == ""))
{
document.getElementById("loginid_info").className = 'STYLE1';
document.getElementById("loginid_info").innerHTML = '用户名不能为空。';
return false;
}
else
if(csuser.length<6 || csuser.length>16)
{
document.getElementById("loginid_info").className = 'STYLE1';
document.getElementById("loginid_info").innerHTML = '用户名必须为6-16位。';
return false;
}
//var filter=/^/s*[.A-Za-z0-9_-]{2,16}/s*$/;
//if (!filter.test(username.value)) {
//document.getElementById("loginid_info").background='#BFDFFF'
//document.getElementById("loginid_info").innerHTML = '用户名必须由数字,英文或下划线组成。'
//return false;
//{
//document.getElementById("loginid_info").innerHTML = '<font color=#red>用户名必须由数字,英文或下划线组成。</font>'
// return false;
//}
else{
GetResult(csuser)
document.getElementById("loginid_info").className = 'STYLE2';
//document.getElementById("loginid_info").innerHTML = '<font color=#0066ee>填写正确。</font>'
}
}
function GetResult(opr)
{
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
var my_url="ch.asp?username="+ escape(opr);
oBao.open("POST",my_url,false);
oBao.send(null);
var strResult = unescape(oBao.responseText);
document.getElementById("loginid_info").innerHTML = strResult;
}
</script>
HTML部分
<INPUT class="input" type=text maxLength=50 onblur="chuser();" id="csuser" size=30 name="username">
<div id="loginid_info"></div>
2.数据库执行页面
CH.ASP
<!--#include file="inc/conn.asp"-->
<%
username=request("username")
sql="select * from user where username='"&username&"'"
set rs=server.createobject("ADODB.Recordset")
rs.open sql,conn,1,1
if not rs.eof then
response.Write "<font color=red>×用户名已存在,请重新选择一个用户名</font>"
else
response.Write "<font color=#00ff00> √此用户名可以注册 </font>"
end if
rs.Close()
%>
注意:CH.ASP页面 最好把代码拷贝到记事本里另存为CH.ASP 编码用UTF-8 要不显示的时候可能出现乱码
本文介绍了一个使用ASP和AJAX实现的用户名实时校验系统。该系统可以在用户输入时即时检查用户名是否符合规则,并验证该用户名是否已被占用。通过前端JavaScript进行输入合法性检查,后端通过ASP连接数据库进行用户名唯一性验证。

297

被折叠的 条评论
为什么被折叠?



