Dreamweaver動態網頁執行個體:驗證使用者註冊

來源:互聯網
上載者:User

  從這個執行個體開始將要以執行個體 75 中建立的資料庫及資料連線為基礎,開發一家玩具公司的電子商務平台。本執行個體將介紹如何在使用者註冊頁面中驗證使用者註冊資訊。

  效果說明

  使用者通過“ uselogin.aspx ”註冊成為公司的客戶,如圖 76-1 所示,當使用者提交註冊資訊時,再由它對註冊資訊進行有效驗證,如 76-2 所示,從而對公司的使用者註冊資訊進行管理。

  創作構思

  通過 ASP.NET 驗證伺服器控制項,可以對使用者的註冊資訊進行驗證。本執行個體需要用到執行個體 75 中建立的 Dreamweaver KH 表,如圖 76-3 所示。該資料表用於儲存使用者的註冊資訊。使用者名稱(即 USENMAE )必須是惟一值,使用者註冊後一般被定義為非進階使用者(即 USEQL 欄位被定義為“否”值),只有經過公司管理員審核通過後,才會把使用者定義為進階使用者。如果還沒有通過公司管理員的審核,一般情況下 GLSC 欄位都將定義為“否”,反之則定義為“是”。

  操作步驟

  步驟一 設計基本頁面

  ( 1 )建立動態網頁面並插入表單。建立一個空白的“ ASP.NET ”動態網頁,將其命名為“ uselogin.aspx ”,並儲存在網站的根據目錄下,首先為頁面插入表單,具體操作如圖 76-4 所示。

  ( 2 ) 定義表單為 Server Form 。 由於 ASP.NET 控制項必須添加在 Server Form 中,所以應將表單定義為 Server Form ,具體操作如圖 76-5 所示。

  提示:由於所有的 ASP.NET 控制項必須添加到含有 runat="server" 的表單中,並且每一個 ASP.NET 頁面只能擁有一個 Server Form ,因此建議讀者養成一個習慣,就是在對 ASP.NET 進行任何設計之前,首先為頁面添加一個 Server Form [如圖 76-5 中的步驟( 1 )、步驟( 2 )],在以後執行個體中將會詳細講解這方面的知識。

  ( 3 )插入表格並進行樣式設定。參照以前的執行個體,在設計檢視中為“ uselogin.aspx ”頁面設計一個表格,並進行相關樣式的設定,結果如圖 76-6 所示。

  ( 4 )為“客戶名稱”添加文字框。切換到【 ASP.NET 】捷徑功能表欄,為“客戶名稱”添加文字框,設定 ID 為“ USENAME ”,如圖 76-7 所示。

  提示:在圖 76-7 所示的步驟 3 中輸入 ID 為“ USENAME ”,這與將要儲存的 DreamweaverKH 表的相應欄位名“ USENAME ”是相同的。如果將 ASP.NET 控制項的 ID 設定的與讀取 / 儲存欄位名相同,則其程式執行起來會更直接。下面的控制項如沒特別說明,其 ID 都設定的與其將要儲存的欄位名相同。

  ( 5 )添加並設定 ASP.NET 控制項。繼續為使用者註冊資訊添加文字框,並分別將 ID 設定的與相應的欄位名相同,結果如圖 76-8 所示。其中 “性別”所對應的是下拉式功能表,其清單項目的設定如圖 76-9 所示;“確認密碼”對應的文字框的 ID 為“ USEPASS1 ”,設定“密碼”、“確認密碼”所對應文字框的“文字模式”為“密碼”,如圖 76-10 所示。

  ( 6 )添加【提交】按鈕,如圖 76-11 所示。

  ( 7 )添加【重設】表單按鈕,如圖 76-12 所示。

  步驟二 驗證必填資訊

  ( 1 )添加驗證控制項。將游標移至文字框“ USENAME ”之後,添加驗證控制項 RequiredFieldvalidator

  ( 2 )添加驗證控制項並填寫各項內容。在彈出的【標籤編輯器— RequiredFieldvalidator 】視窗中為文字框“ USENAME ”添加驗證控制項,並填寫各項內容

  ( 3 )完成上一步操作後返回到【標籤選取器】對話方塊中,繼續為其他必填文字框添加 RequiredFieldvalidator 驗證控制項,具體方法參考以上操作,結果如圖 76-15 所示。

  提示:確認文字框“ USPASS1 ”沒有添加 RequiredFieldvalidator 驗證控制項,因為可以通過 CompareValidator 驗證控制項比較輸入的內容是否與文字框“ USPASS ”相同。性別所對應的下拉式功能表“ USESIX ”由於只有“男”、“女”兩個選項,所以沒有必要添加 RequiredFieldvalidator 驗證控制項,添加“ * ”只是為了讓使用者注意正確設定自己的性別。

  步驟三 密碼比較驗證

  ( 1 )開啟 【標籤選取器】對話方塊。 如果 目前【標籤選取器】對話方塊已開啟,則選擇【 ASP .NET 標籤】下的【驗證伺服器控制項】,同時選擇【 asp : CompareValidator 】,單擊【插入】按鈕。如果目前還沒有開啟【標籤選取器】對話方塊,則要先單擊【 ASP.NET 】捷徑功能表欄上的【更多標籤】按鈕。

  ( 2 )添加比較驗證控制項並設定。在彈出的【標籤編輯器— CompareValidator 】視窗中為文字框“ USEPASS ”添加與“ USEPASS1 ”文字框的比較驗證控制項,相關設定如圖 76-16 所示。

  ( 3 ) 單擊【確定】按鈕,完成 CompareValidator 驗證控制項的添加。

  步驟四 驗證電子郵箱

  ( 1 ) 插入【 asp : Regularexpressionvalidator 】。在【標籤選取器】對話方塊中選取【 ASP .NET 標籤】下的【驗證伺服器控制項】,並選擇【 asp : Regularexpressionvalidator 】,單擊【插入】按鈕。

  ( 2 )添加驗證控制項。 在彈出的【標籤編輯器— Regularexpressionvalidator 】視窗中為文字框“ USEEMAIL ” 添加驗證控制項

  該控制項的驗證運算式為 : w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 。

  提示:這裡的驗證運算式,其實就是Regex。關於Regex的有關知識,請讀者參考有關資料以加深認識。

  ( 3 ) 最後 儲存“ uselogin.aspx ”,並在 IE 中進行預覽。

  本執行個體分別講解了伺服器控制項是否非空、伺服器控制項的比較、服務控制項驗證的自訂三種驗證方法。如果要用設計更精細的伺服器控制項的驗證,請讀者參考正則表達的有關知識,對服務控制項驗證進行自訂。本執行個體操作完畢。

        :更多精彩教程請關注三聯網頁設計教程 欄目,

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。