一款經典的ajax登錄頁面后臺asp.net

2024-09-01 08:29:26

字體：大中小

來源：轉載

供稿：網友

下面實現一個經典的登錄頁面，有保存密碼功能，頁面上所有的控件都是html控件，沒有服務器控件
1，新建一名為login.htm的靜態網頁文件，作為登錄頁面，如圖

body標簽代碼
代碼如下:
<body onkeydown ="enterLogin()"> 

<div style="text-align: center">
<table border="1" cellpadding="1">
<tr>
<td align="center" style="width: 100px; height: 20px; background-color: #99cccc"
valign="middle">
用戶名：</td>
<td align="center" style="width: 74px; height: 20px; background-color: #99cccc" valign="middle">
<input id="txtusername" style="width: 111px; height: 19px" type="text" onblur ="checkuser()" /></td>
<td align="center" style="width: 199px; height: 20px; background-color: #99cccc"
valign="middle"><img src="" id ="imgCheck" style = "visibility :hidden; "/ ><span id ="unMessage">
</span></td>
</tr>
<tr>
<td align="center" style="width: 100px; height: 29px; background-color: #99cccc"
valign="middle">
密碼：</td>
<td align="center" style="width: 74px; height: 29px; background-color: #99cccc" valign="middle">
<input id="txtpwd" style="width: 107px; height: 17px" type="password" /></td>
<td align="center" style="width: 199px; height: 29px; background-color: #99cccc"
valign="middle"><span id ="pwdMessage"></span>
</td>
</tr>
<tr>
<td align="center" colspan="3" style="background-color: #99cccc" valign="middle">
<input id="cbRememberPwd" type="checkbox" />記住密碼一個月</td>
</tr>
<tr>
<td align="center" colspan="3" style="background-color: #99cccc" valign="middle">
<input id="btnOK" type="button" value="登錄" onclick ="login()" />
<input id="btnReset" type="button" value="重置" onclick ="reset()" /></td>
</tr>
</table>
</div>

</body>

2，在login.htm中引入外部js代碼
<script type ="text/javascript" src ="aj.js" ></script>
<script type ="text/javascript" src ="loginCookies.js" ></script>
其中aj.js為ajax封裝的類，loginCookie.js為對Cookie操作的代碼
aj.js代碼如下
//JScript文件

//ajax請求功能函數

上一篇：asp.net 全部選中與取消操作,選中后的刪除(ajax)實現無刷新效果

下一篇：AJAX 進度條實現代碼