第六章  Doking’s BLOG用戶(hù)注冊(cè)頁(yè)面的實(shí)現(xiàn)
　　有人發(fā)覺(jué)：那用戶(hù)要到哪里發(fā)表筆記、回復(fù)呢？這是第六、七章將要解決的問(wèn)題。這一章主要講解用戶(hù)注冊(cè)頁(yè)面的實(shí)現(xiàn)。 6.1  基本頁(yè)面設(shè)計(jì)
　　6.1.1 模板bkblog.dwt.aspx頁(yè)面的修改
　　（1）打開(kāi)模板bkblog.dwt.aspx，在左邊欄目插入表格Lefttab，在第一行中插入表單Yhlogfrm，在表單Yhlogfrm中插入表格logtab，并插入有關(guān)文本框、文本區(qū)域及按鈕，結(jié)果如圖6-1-1所示：

圖6-1-1  模板中用戶(hù)登錄設(shè)計(jì)
　　（2）將作者相應(yīng)的文本框命名為L(zhǎng)ogname；將密碼相應(yīng)的文本框命名為L(zhǎng)ogpass，類(lèi)型改為密碼；“注冊(cè)”按鈕的動(dòng)作改為“無(wú)”；把“登錄”按鈕的動(dòng)作改為“提交表單”。
　　（3）選擇按鈕“注冊(cè)”按鈕，在【行為】面板中，添加行為轉(zhuǎn)到URL，在彈出的對(duì)話(huà)框中，輸入鏈接為“../yhinlog.aspx” 如圖6-1-2所示：

圖6-1-2  添加轉(zhuǎn)到URL的行為
　　（4）保存模板，更新所有的網(wǎng)頁(yè)。
　　6.1.2  注冊(cè)頁(yè)面的設(shè)計(jì)
　　（1）新建由模板bkblog.dwt.aspx生成的ASP.NET VB 動(dòng)態(tài)頁(yè)yhinlog.aspx，在mainbody可編輯區(qū)域中插入表單Yhinfrm，再插入表格yhinlog，并進(jìn)行有關(guān)設(shè)計(jì)，結(jié)果如圖6-1-3所示：

圖6-1-3  表格yhinlog的設(shè)計(jì)
　　（2）選擇用戶(hù)名相應(yīng)的文本框，切換到標(biāo)簽面板，展開(kāi)“CSS/輔助功能”，在id中輸入YHNAME；展開(kāi)“未分類(lèi)”，輸入runat，server，把YHNAME文本框改為服務(wù)器控件，如圖6-1-4所示：

圖6-1-4  修改文本框標(biāo)簽
　　（3）依此類(lèi)推，密碼相應(yīng)的文本框命名為YHPASS，密碼再確認(rèn)相應(yīng)的文本框命名為REPASS，QQ碼相應(yīng)的文本框命名為YHQQ，Email相應(yīng)的文本框命名為YHEMAIL，主頁(yè)相應(yīng)的文本框命名為YHINDEX，將所有文本框改為服務(wù)器控件。
　　（4）選擇表單Yhinfrm，并將其改為服務(wù)器控件，保存yhinlog.aspx。
　　6.1.3  完成注冊(cè)頁(yè)面的設(shè)計(jì)
　　（1）由模板bkblog.dwt.aspx新建動(dòng)態(tài)動(dòng)態(tài)網(wǎng)頁(yè)yhlogok.aspx，在mainbody可編輯區(qū)域中插入三行一列的表格logok，在第二行中輸入文字“歡迎”，點(diǎn)擊ASP.NET快捷菜單中的“綁定數(shù)據(jù)”，再點(diǎn)擊“修剪的表單元素”，把光標(biāo)移到如圖6-1-5所示的位置，輸入“YHNAME”。

圖6-1-5  插入修剪的表單元素
　　（2）返回設(shè)計(jì)視圖，繼續(xù)輸入文字“Donking's BLOG！”，并、對(duì)表格logok，進(jìn)行有關(guān)設(shè)計(jì)，結(jié)果如圖6-1-6所示：

圖6-1-6 表格logok的設(shè)計(jì)
　　（3）選擇按鈕“主頁(yè)”按鈕，在【行為】面板中，添加行為轉(zhuǎn)到URL，在彈出的對(duì)話(huà)框中，輸入鏈接為“index.aspx”，保存yhlogok.aspx 6.2驗(yàn)證用戶(hù)注冊(cè)
　　為了防止用戶(hù)輸入錯(cuò)誤的注冊(cè)信息，要對(duì)用戶(hù)注冊(cè)信息進(jìn)行規(guī)范和驗(yàn)證。
　　（1）打開(kāi)yhinlog.aspx，打開(kāi)ASP.NET快捷菜單，點(diǎn)擊【更多標(biāo)簽】，如圖6-2-1所示：

圖6-2-1  ASP.NET 快捷菜單
　　（2）在彈出的標(biāo)簽選擇器中展開(kāi)“ASP.NET 標(biāo)簽”→“驗(yàn)證服務(wù)器控件”，在右窗架中選中“asp:RequiredFieldvalidator”，單擊“插入”按扭，如下圖6-2-2所示：

圖6-2-2  標(biāo)簽選擇器
　　（3）在彈出的標(biāo)簽編輯器中，為文本框YHNAME添加驗(yàn)證控件，填寫(xiě)各項(xiàng)如圖6-2-3所示：

圖6-2-3  RequiredFieldValidator標(biāo)簽編輯器
　　（4）打開(kāi)標(biāo)簽選擇器，插入ASP.NET驗(yàn)證服務(wù)器控件→CompareValidator控件，為文本框YHPASS添加與REPASS文本框?qū)Ρ闰?yàn)證控件，填有關(guān)信息如圖6-2-4所示：

圖6-2-4  CompareValidato標(biāo)簽編輯器
　　（5）插入ASP.NET驗(yàn)證服務(wù)器控件→Rangevalidator控件，為文本框YHQQ添加驗(yàn)證控件，填有關(guān)信息如圖6-2-5所示：

圖6-2-5  Range validator標(biāo)簽編輯器
　　（6）插入ASP.NET驗(yàn)證服務(wù)器控件→Regularexpressionvalidator控件，為文本框YHEMAIL添加驗(yàn)證控件，填各項(xiàng)如圖6-2-6所示，