【文章內(nèi)容簡介】 ction checkEmail(){ var Expression=/\w+([+.39。]\w+)*\.\w+([.]\w+)*/。 var re=new RegExp(Expression)。 if(()==true){ return true。} else{ return false。}}// 驗證網(wǎng)址 function checkUrl(url){ var Expression=/(s)?:\/\/([\w]+\.)+[\w]+(\/[\w.\/?%amp。=]*)?/。 var re=new RegExp(Expression)。 if((url)==true){ return true。} else{ return false。}}// 驗證身份證號碼 function checkCode(code) { var Expression=/\d{17}[\d|X]|\d{15}/。 var re=new RegExp(Expression)。 if((code)==true){ return true。} else{ return false。}}%三、會員登錄驗證文件在電子商城網(wǎng)址中，用戶注冊為網(wǎng)址會員并登錄到網(wǎng)站后才可以進行購物和查看個人基本信息、訂單信息、消費信息等。因此，在用戶打開這些頁面之前，必須判斷用戶是否登錄以及確保操作的可行性。將驗證代碼單獨放在一個文件中，需要使用的頁面直接使用include指令包含此文件即可。在該文件中還定義了會員退出登錄時的執(zhí)行代碼。代碼如下：代碼位置：%If (action)=exit Then Session(Uname)= ()End IfIf Session(Uname)= Then (script language=39。javascript39。alert(39。請先登錄,再操作!39。)。()。/script)End If%第五章 前臺主要功能模塊詳細設計網(wǎng)站前臺首頁是網(wǎng)站提供給瀏覽者的第一視覺界面。前臺首頁不僅要有合理的整體布局，使瀏覽者有一個流暢的視覺體驗；還應該通過各功能模塊體現(xiàn)網(wǎng)站的主題內(nèi)容，使瀏覽者在最短的時間內(nèi)了解網(wǎng)站的用途。電子商城網(wǎng)站前臺通過首頁包含的主要模塊如下。l 注冊登錄模塊：用于會員注冊和登錄網(wǎng)站，并提供找回密碼的功能。l 商品分類模塊：用于展示商品分類，提供查看具體分類中包含的商品信息的鏈接。l 商品展示模塊：用于展示最新商品、推薦商品信息、提供會員購買商品的入口。l 銷量排行模塊：用于展示按照商品銷量進行排行的信息列表。l 會員中心模塊：用于提供會員提供查看基本信息、購物車、訂單信息、消費信息等功能。l 商務資訊模塊：用于展示網(wǎng)站提供的商務資訊。l 我要留言模塊：用于提供用戶與網(wǎng)站交流平臺。: 主頁面前臺首頁考慮到提高頁面加載速度，在使用盡量少的表格的前提下使用include指令以及iframe浮動框架對頁面采用三分欄的布局結構。代碼如下：代碼位置：%@LANGUAGE=VBSCRIPT CODEPAGE=936%!include file=include/!DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN htmlheadmeta equiv=ContentType content=text/html。 charset=gb2312title電子商城網(wǎng)站/titlelink rel=stylesheet href=css/ type=text/cssscript src=JS//scriptstyle type=text/css!body { margintop: 0px。 marginbottom: 0px。}/style/headbody onload=clockon()table width=985 border=0 align=center cellpadding=0 cellspacing=0 tr td colspan=3!include file=/td /tr tr td width=230 valign=top!include file=/td td width=510 align=center valign=top iframe src= name=mainFrame width=510 height=410 scrolling=no MARGINHEIGHT=0 MARGINWIDTH=0 align=middle frameborder=0/iframe /td td width=245 valign=top!include file=/td /tr tr td colspan=3!include file=/td /tr/table/body/html一、會員注冊模塊設計本模塊使用表:tab_user_reg、tab_user_account會員注冊的主要功能是將新注冊用戶的信息添加到數(shù)據(jù)庫中。普通用戶可以瀏覽網(wǎng)站中的商品信息、新聞信息、發(fā)表留言等，而只有注冊為網(wǎng)站的會員才能購買商品、提交訂單、查看消費信息等。在網(wǎng)站前臺首頁的“注冊登錄”欄目中單擊“注冊”網(wǎng)站超鏈接，將打開會員注冊頁面。 會員注冊新建一個ASP頁面。在該頁面中建立表格和表單，用于放置文本框、列表/菜單、按鈕等控件。 Form1表單元素名稱類型含義重要屬性Form1Form用戶注冊表單method=”post” action=””用戶名稱input“用戶名稱”文本框type=”text” class=”textbox”Check_uinput“檢查用戶名”按鈕type=”button” onclick=”checkUser()”性別select用戶性別列表/菜單option value=”0”男/optionoption value=”0”女/option密碼input“密碼”文本框type=”password” class=”textbox”確認密碼input“確認密碼”文本框type=”password” class=”textbox”密碼提示問題input“密碼提示問題”文本框type=”text” class=”textbox”問題答案input“問題答案”文本框type=”text” class=”textbox”真實姓名input“真實姓名”文本框type=”text” class=”textbox”聯(lián)系方式input“聯(lián)系方式”文本框type=”text” class=”textbox”EmailinputEmail文本框type=”text” class=”textbox”身份證號input“身份證號”文本框type=”text” class=”textbox”通信地址input“通信地址”文本框type=”text” class=”textbox”郵編input“郵編”文本框type=”text” class=”textbox”Addinput“提交”按鈕type=”submit” class=”button” onClick=”return Mycheck()” value=” 提交”Submit2input“重設”按鈕Type=”reset” value=”重設” class=”button”無刷新驗證用戶名無刷新驗證用戶名是是指應用ajax技術對用戶輸入的用戶名進行實時驗證，在驗證過程中并不刷新整個頁面，而是實現(xiàn)局部刷新。這樣，表單有利于用戶操作，還利于加快頁面的訪問速度。在會員注冊頁面中，當用戶在“用戶名稱”文本框中輸入用戶名并單擊“檢查用戶名”按鈕時，頁面的制定位置會顯示測試結果。 會員注冊之檢查用戶名一 會員注冊之檢查用戶名二在會員注冊頁面中首先使用script。代碼如下：代碼位置： script type=text/javascript src=JS//script script type=text/javascript src=JS//script，根據(jù)不同的瀏覽器給出創(chuàng)建XMLHttpRequest對象的方法。代碼如下：代碼位置：JS\var xmlHttp = false。try { xmlHttp = new ActiveXObject()。} catch (e) { try { xmlHttp = new ActiveXObject()。 } catch (e2) {}}if (!xmlHttp amp。amp。 typeof XMLHttpRequest != undefined) { try { xmlHttp = new XMLHttpRequest()。 }catch(e3){ xmlHttp = false。}}，div元素的文本內(nèi)容。代碼位置：JS\function checkUser(){ try{ var userName = (用戶名稱).value。 var url = ?userName= + userName。 (get, url, true)。 = function(){ if ( == 4) { try{ var errMsg = 。 var showErr = (u_id)。 if(errMsg == 1){ =font color=red不可用，br用戶名不能為空！/font。 }else if(errMsg == 2){ =font color=red對不起，br此用戶已經(jīng)存在！/font。 }else if(errMsg == 3){ =font color=red恭喜！br此用戶名可用！/font。 } }catch(e1){} } } (null)。 }catch(e2){}} ，自定義一個函數(shù)checkUserName(checkName)。在該函數(shù)中獲取傳遞的用戶名稱，創(chuàng)建記錄集查詢數(shù)據(jù)表中是否存在同名記錄，并根據(jù)不同情況給ErrStr變量賦值，然后將ErrStr變量賦值予checkUserName。在該頁面中使用Response對象的write方法輸出checkUserName函數(shù)的返回值。代碼位置：!include file=include/%userName = request(userName)(checkUserName(userName))function checkUserName(checkName) dim ErrStr if(checkName=) then ErrStr = 1 else set rs_u= () sql=select id from tab_user_reg where Uname=39。 amp。 checkName amp。 39。 sql,conn,1,1 if not and not then ErrStr = 2 else ErrStr = 3 end if set rs=nothing end if checkUserName = ErrStrend function%實現(xiàn)會員注冊在會員注冊頁面中，用戶單擊“提交”按鈕時程序會自動檢查用戶輸入的數(shù)據(jù)格式是否正確，如果符合標準，則調(diào)用自定義的add()子過程將數(shù)據(jù)插入到會員注冊信息表中。在add()子過程中，首先獲取表單傳遞的數(shù)據(jù)，并判斷是否存在重復的用戶名，然后使用Recordset對象的AddNew方法將數(shù)據(jù)插入到數(shù)據(jù)庫中。代碼如下：代碼位置：script type=text/javascript src=JS//scriptscript language=javascriptfunction Mycheck(form){ for(i=0。i。i++){ if([i].value==){ alert([i].name + 不能為空!)。return false。} else{ if(