1 / 8
文档名称:

jQuer+Ajax实现登录.doc

格式:doc   页数:8页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jQuer+Ajax实现登录.doc

上传人:陈晓翠 2011/12/1 文件大小:0 KB

下载得到文件列表

jQuer+Ajax实现登录.doc

文档介绍

文档介绍:ok,先来贴几张张效果图。
其中大致流程是用户点击页面右上角的登录链接接着弹出div模拟窗口,,用户输入用户名 
密码和验证码后,,。
也是可以的。,result变量用与接收结果。
如果返回1表示登录成功,则关闭模拟窗口。 
主页面调用代码片段:
复制代码代码如下:
<asp:HyperLink ID="lnkLogin" runat="server" NavigateUrl="#" >登录</asp:HyperLink> 
<script language="javascript" type="text/javascript"> 
$('#<%= %>').click( 
function(){ 
('iframe-jBoxID','iframe','','用户登录 
','width=400,height=250,center=true,draggable=true,model=true'); 
} ); 
</script> 
: 
复制代码代码如下:
<form id="form1" onsubmit="return false;"> 
<table id="login-table"> 
<tr> 
<td width="60">学号:</td> 
<td><input class="textbox" type="text" style="width:160px;" id="txtUserName" 
maxlength="9" onblur="checkUserName()" onclick="$.trim()"/><span></span> 
</td> 
</tr> 
<tr> 
<td width="60">密码:</td> 
<td><input class="textbox" type="password" style="width:160px;" id="txtUserPwd" 
onblur="checkUserPwd()" onclick="$.trim()" /><span></span> 
</td> 
</tr> 
<tr> 
<td width="60">验证码:</td> 
<td><input class="textbox" type="text" style="width:160px;" maxlength="5" 
id="txtCheckCode" onblur="checkCheckCode()" onclick="$.trim()"/><span> 
</span> 
</td> 
</tr> 
<tr> 
<td width="60"></td>
 
<td><div