ASP Ajax用户注册实例Word文档格式.docx
- 文档编号:22715907
- 上传时间:2023-02-05
- 格式:DOCX
- 页数:15
- 大小:125.37KB
ASP Ajax用户注册实例Word文档格式.docx
《ASP Ajax用户注册实例Word文档格式.docx》由会员分享,可在线阅读,更多相关《ASP Ajax用户注册实例Word文档格式.docx(15页珍藏版)》请在冰豆网上搜索。
Provider=Microsoft.Jet.OLEDB.4.0;
DataSource="
&
Server.MapPath(db)
conn.Openconnstr
%>
(3)新建一个名为index.html的HTML文件,该文件为前台显示页面,内容为一个FORM表单,供用户输入相关信息,代码如下所示:
formid="
form1"
method="
post"
>
<
tablewidth="
100%"
border="
0"
cellpadding="
4"
cellspacing="
tr>
tdalign="
center"
bgcolor="
#efdfb5"
tdcolspan="
height="
41"
93%"
align="
tdwidth="
4%"
left"
imgsrc="
images/dot1.gif"
width="
14"
/td>
tdclass="
F14"
96%"
填写你的注册信息<
/tr>
/table>
3%"
#f9f6e0"
&
nbsp;
17%"
right"
用户名:
38%"
inputtype=textsize=30name="
username"
id="
onBlur="
returncheckUserName();
"
spanid="
check1"
/span>
密码:
inputtype=passwordsize=30name="
password"
checkpass();
maxlength=20>
password2"
重复密码:
inputtype=Passwordsize=30name="
password1"
checkpass1();
password3"
inputname="
button"
type="
onClick="
returnsendreg();
value="
注册"
reset"
重置"
/form>
(4)添加检验用户名的JavaScript代码函数checkUserName()。
该函数创建XMLHttpRequest对象,向服务器端发送请求,根据服务器端返回的数据显示相关信息。
效果如图8-4所示,代码如下所示:
scriptlanguage=javascript>
!
--
functioncheckUserName()
{
username=document.getElementById("
).value;
varxmlhttp;
try
xmlhttp=newActiveXObject("
Msxml2.XMLHTTP"
);
}
catch(e)
Microsoft.XMLHTTP"
{
xmlhttp=newXMLHttpRequest();
if(username=="
msg="
用户名不能为空"
;
varch=document.getElementById("
ch.innerHTML="
fontcolor='
red'
+msg+"
/font>
returnfalse;
//创建请求,并使用escape对username编码,以避免乱码
xmlhttp.open("
get"
"
checkuser.asp?
username="
+escape(username)+"
t="
+newDate().getTime());
xmlhttp.onreadystatechange=function()
if(4==xmlhttp.readyState)
if(200==xmlhttp.status)
if(xmlhttp.responseText=="
yes"
msg="
此用户名已经存在"
else
{
输入正确"
}
else
网络链接失败"
xmlhttp.send(null);
}
//-->
/script>
图8-4用户名为admin时的效果
(5)添加检验密码的JavaScript代码函数checkpass()。
该函数验证密码的长度是否在6~20个字符之间。
代码如下所示:
functioncheckpass()
varInform="
varInputname="
varForm=Inform+"
."
eval("
Temp="
+Form+Inputname+"
.value;
//alert(Temp);
if(Temp=="
){
此项不能为空"
{
if(Temp.length<
6||Temp.length>
20)
密码必须在6~20个字符之间"
(6)添加检验重复密码的JavaScript代码函数checkpass1()。
该函数除了验证重复密码的长度外,还验证是否与密码文本框中的值一样。
functioncheckpass1()
varInputname1="
Temp1="
+Form+Inputname1+"
.value"
if(Temp!
=Temp1)
eval(Form+Inputname+"
.value='
'
eval(Form+Inputname1+"
.focus();
两次密码不一样!
msg1="
varch1=document.getElementById("
ch1.innerHTML="
+msg1+"
}
(7)添加用户提交注册表单时的验证函数sendreg()。
该函数对注册表单内的各项进行验证,当全部通过后,创建XMLHttpRecordset对象,向服务器端发送注册请求。
functionsendreg()
if(this.form1.username.value=="
alert('
请输入要注册的用户名'
this.form1.username.focus();
if(this.form1.password.value=="
请输入密码'
this.form1.password.focus();
if(this.form1.password.value.length<
6||this.form1.password.value.length>
密码长度必须在6~20个字符'
if(this.form1.password1.value=="
this.form1.password1.focus();
if(this.form1.password1.value.length<
6||this.form1.password1.value.length>
if(this.form1.password.value!
=this.form1.password1.value)
this.form1.password.value="
this.form1.password1.value="
两次密码不一样,请重新输入'
username=this.form1.username.value;
password=this.form1.password.value;
xmlhttp=newXMLHttpRecordset();
this.form1.username.value="
this.form1.password.value="
this.form1.password1.value="
document.getElementById("
).innerHTML="
alert('
注册成功'
this.form1.password.value="
注册失败'
alert('
网络连接失败'
//打开连接
reg.asp"
true)
xmlhttp.setRequestHeader('
Content-type'
'
application/x-www-form-urlencoded'
//发送数据
xmlhttp.send("
+escape(username)+"
password="
+escape(password));
(8)添加验证用户名的服务器端文件checkuser.asp,该文件根据用户提交的用户名,与数据库中的用户名字段进行比较,返回比较结果,代码如下所示:
--#includefile="
adoconn.asp"
-->
username=Replace(request.querystring("
),"
sql="
select*frompuserwherey_username='
username&
rs.opensql,conn,1,1
ifrs.eofthen
response.write"
no"
else
endif
rs.close
(9)添加接收用户注册信息的服务器端文件reg.asp。
该文件根据用户提交的用户名,与数据库中的用户名字段进行比较,如果存在重复的用户名,返回“no”字符串。
当注册信息都符合要求时,将用户的注册信息添加到用户表中,代码如下所示:
username=request.Form("
password=request.Form("
IfNotrs.eofThen
response.end
EndIf
insertintopuser(y_username,y_password)values('
password&
)"
rs.opensql,conn,1,3
response.write"
(10)保存全部文件,在浏览器中运行index.html,输入注册信息,提交。
效果如图8-5和图8-6所示:
图8-5用户注册失败时效果图8-6用户注册成功时效果
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP Ajax 用户注册实例 用户 注册 实例