從這個(gè)實(shí)例開(kāi)始將要以實(shí)例 75 中創(chuàng )建的數據庫及數據連接為基礎，開(kāi)發(fā)一家玩具公司的電子商務(wù)平臺。本實(shí)例將介紹如何在用戶(hù)注冊頁(yè)面中驗證用戶(hù)注冊信息。
效果說(shuō)明用戶(hù)通過(guò)“ uselogin.aspx ”注冊成為公司的客戶(hù)，如圖 76-1 所示，當用戶(hù)提交注冊信息時(shí)，再由它對注冊信息進(jìn)行有效驗證，如 76-2 所示，從而對公司的用戶(hù)注冊信息進(jìn)行管理。
創(chuàng )作構思通過(guò) ASP.NET 驗證服務(wù)器控件，可以對用戶(hù)的注冊信息進(jìn)行驗證。本實(shí)例需要用到實(shí)例 75 中創(chuàng )建的 Dreamweaver KH 表，如圖 76-3 所示。該數據表用于存儲用戶(hù)的注冊信息。用戶(hù)名（即 USENMAE ）必須是惟一值，用戶(hù)注冊后一般被定義為非高級用戶(hù)（即 USEQL 字段被定義為“否”值），只有經(jīng)過(guò)公司管理員審核通過(guò)后，才會(huì )把用戶(hù)定義為高級用戶(hù)。如果還沒(méi)有通過(guò)公司管理員的審核，一般情況下 GLSC 字段都將定義為“否”，反之則定義為“是”。
操作步驟
步驟一設計基本頁(yè)面
（ 2 ） 定義表單為 Server Form 。 由于 ASP.NET 控件必須添加在 Server Form 中，所以應將表單定義為 Server Form ，具體操作如圖 76-5 所示。
提示：由于所有的 ASP.NET 控件必須添加到含有 runat="server" 的表單中，并且每一個(gè) ASP.NET 頁(yè)面只能擁有一個(gè) Server Form ，因此建議讀者養成一個(gè)習慣，就是在對 ASP.NET 進(jìn)行任何設計之前，首先為頁(yè)面添加一個(gè) Server Form ［如圖 76-5 中的步驟（ 1 ）、步驟（ 2 ）］，在以后實(shí)例中將會(huì )詳細講解這方面的知識。
（ 3 ）插入表格并進(jìn)行樣式設置。參照以前的實(shí)例，在設計視圖中為“ uselogin.aspx ”頁(yè)面設計一個(gè)表格，并進(jìn)行相關(guān)樣式的設置，結果如圖 76-6 所示。
（ 4 ）為“客戶(hù)名稱(chēng)”添加文本框。切換到【 ASP.NET 】快捷菜單欄，為“客戶(hù)名稱(chēng)”添加文本框，設置 ID 為“ USENAME ”，如圖 76-7 所示。
提示：在圖 76-7 所示的步驟 3 中輸入 ID 為“ USENAME ”，這與將要存儲的 DreamweaverKH 表的相應字段名“ USENAME ”是相同的。如果將 ASP.NET 控件的 ID 設置的與讀取 / 存儲字段名相同，則其程序執行起來(lái)會(huì )更直接。下面的控件如沒(méi)特別說(shuō)明，其 ID 都設置的與其將要存儲的字段名相同。
（ 5 ）添加并設置 ASP.NET 控件。繼續為用戶(hù)注冊信息添加文本框，并分別將 ID 設置的與相應的字段名相同，結果如圖 76-8 所示。其中 “性別”所對應的是下拉菜單，其列表項的設置如圖 76-9 所示；“確認密碼”對應的文本框的 ID 為“ USEPASS1 ”，設置“密碼”、“確認密碼”所對應文本框的“文本模式”為“密碼”，如圖 76-10 所示。
步驟二驗證必填信息
（ 1 ）添加驗證控件。將光標移至文本框“ USENAME ”之后，添加驗證控件 RequiredFieldvalidator ，如圖 76-13 所示。
（ 2 ）添加驗證控件并填寫(xiě)各項內容。在彈出的【標簽編輯器— RequiredFieldvalidator 】窗口中為文本框“ USENAME ”添加驗證控件，并填寫(xiě)各項內容，如圖 76-14 所示。
（ 3 ）完成上一步操作后返回到【標簽選擇器】對話(huà)框中，繼續為其他必填文本框添加 RequiredFieldvalidator 驗證控件，具體方法參考以上操作，結果如圖 76-15 所示。
提示：確認文本框“ USPASS1 ”沒(méi)有添加 RequiredFieldvalidator 驗證控件，因為可以通過(guò) CompareValidator 驗證控件比較輸入的內容是否與文本框“ USPASS ”相同。性別所對應的下拉菜單“ USESIX ”由于只有“男”、“女”兩個(gè)選項，所以沒(méi)有必要添加 RequiredFieldvalidator 驗證控件，添加“ * ”只是為了讓用戶(hù)注意正確設置自己的性別。
步驟三密碼比較驗證
（ 1 ）打開(kāi) 【標簽選擇器】對話(huà)框。 如果 目前【標簽選擇器】對話(huà)框已打開(kāi)，則選擇【 ASP .NET 標簽】下的【驗證服務(wù)器控件】，同時(shí)選擇【 asp ： CompareValidator 】，單擊【插入】按鈕。如果目前還沒(méi)有打開(kāi)【標簽選擇器】對話(huà)框，則要先單擊【 ASP.NET 】快捷菜單欄上的【更多標簽】按鈕。
（ 2 ）添加比較驗證控件并設置。在彈出的【標簽編輯器— CompareValidator 】窗口中為文本框“ USEPASS ”添加與“ USEPASS1 ”文本框的比較驗證控件，相關(guān)設置如圖 76-16 所示。
（ 3 ） 單擊【確定】按鈕，完成 CompareValidator 驗證控件的添加。
步驟四驗證電子郵箱
（ 1 ） 插入【 asp ： Regularexpressionvalidator 】。在【標簽選擇器】對話(huà)框中選取【 ASP .NET 標簽】下的【驗證服務(wù)器控件】，并選擇【 asp ： Regularexpressionvalidator 】，單擊【插入】按鈕。
（ 2 ）添加驗證控件。 在彈出的【標簽編輯器— Regularexpressionvalidator 】窗口中為文本框“ USEEMAIL ” 添加驗證控件，如圖 76-17 所示。
該控件的驗證表達式為 ： \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 。
提示：這里的驗證表達式，其實(shí)就是正則表達式。關(guān)于正則表達式的有關(guān)知識，請讀者參考有關(guān)資料以加深認識。
（ 3 ） 最后 保存“ uselogin.aspx ”，并在 IE 中進(jìn)行預覽。
本實(shí)例分別講解了服務(wù)器控件是否非空、服務(wù)器控件的比較、服務(wù)控件驗證的自定義三種驗證方法。如果要用設計更精細的服務(wù)器控件的驗證，請讀者參考正則表達的有關(guān)知識，對服務(wù)控件驗證進(jìn)行自定義。本實(shí)例操作完畢。
聯(lián)系客服
