index.Html頁面
01
<style>
02
03
04
05
06
</style>
07
<script src="js/jquery.JS"></script>
08
<TABLE border=0 cellpadding=0 cellspacing=0 width="300">
09
<FORM METHOD=POST ACTION="">
10
<TR>
11
<TD>用戶名</TD>
12
<TD><INPUT TYPE="text" NAME="username" id="username" onblur="t();"></TD>
13
<TD><div id="username1" class="div1">請輸入用戶名</div></TD>
14
</TR>
15
<TR>
16
<TD>密碼</TD>
17
<TD><INPUT TYPE="text" NAME="passWord"></TD>
18
<TD></TD>
19
</TR>
20
21
</FORM>
22
</TABLE>
23
<script>
24
/*
25
功能：查詢用戶名是否被注冊
26
jquery的使用舉例
27
開發：<a href="http://www.ASPbc.com">www.ASPbc.com</a> 支持原創，請不要刪除此信息
28
*/
29
function t()
30
{
31
username2=document.getElementById("username").value;
32
$.post('reg.ASP', {username: username2}, hander);
33
}
34
function hander(date)
35
{
36
if (date==0)
37
{
38
document.getElementById('username1').innerHtml='<fontcolor=#0000ff>可以注冊</font>';
39
}
40
else
41
{
42
document.getElementById('username1').innerHtml='<fontcolor=#ff0000>此用戶名已經注冊</font>';
43
}
44
}
45
</script>(鼠標移到代碼上去，在代碼的頂部會出現四個圖標，第一個是查看源代碼，第二個是復制代碼，第三個是打印代碼，第四個是幫助)
reg.ASP
vIEw source
