week6練習 驗證控件

1、week6練習-驗證控件Week6 ASP .NET驗證控件的應用準備工作：請先在F盤的A卷或B卷中創(chuàng)建你 姓名學號的文件夾，將下面的練習保存在該文件 夾內(nèi)。相關(guān)知識點一驗證控件驗證控件是ASP .NET技術(shù)中用于實現(xiàn)用戶輸入數(shù)據(jù)驗證的服務器控件，可 以實現(xiàn)對用戶輸入數(shù)據(jù)的空值驗證，格式驗證，類型驗證，范圍驗證等，保證 數(shù)據(jù)的準確輸入。驗證方式可以包括客戶端驗證和服務器端驗證，驗證控件支 持這兩種驗證方式的設計。練習1設計并實現(xiàn)一個帶驗證控件的用戶注冊頁面，命名為 UserRegister.aspx。 要求如下：(1)頁面瀏覽效果如圖3-1和圖3-2所示。 “用戶名”、“密碼”、“確認密碼”、

2、“生號等信息必須輸入?！半娫捥柎a”和“身份證生日”的輸入值必須在1970-1-1到(3) “密碼”和“確認密碼”的輸入值必須 致。“2000-1-1 之間。(5) “電話號碼”的輸入信息格式必須如O中的出生年月信息必須為形式(6) “身份證號 法的日期數(shù)據(jù)。 能匯總顯示所有的驗證錯誤信息，并以獨立的對話框顯示。（8）當驗證控件出現(xiàn)驗證錯誤時，焦點會定位在出現(xiàn)驗證錯誤的文本框中（9）若通過所有的驗證，則顯示“驗證通過”的信息。riMrr恥，th噸護mi圖3-1“用戶注冊”瀏覽效果（1）jcaitps*fcriX? #! nn|-r Pj fhrU J/l laJha

3、-l 二予 d i=可T U*fC-Xrp 輛廠111JJS-J|.，e r-zH 卜 irWB iTVVE-T Tt|號;L EZZI圖3-2單擊“確定”按鈕的效果（2）r 注 嚴、.二） 仁 時hTF /ImJ-NLI字窪譚1JL. 占巨(1)設計Web窗體單擊右鍵插入三 接著向頁面輸入“用戶名確認密碼：”、“生日”、身份證號：”等信息；再單擊工具箱的“標”、“密碼：”、 電話號碼：”和新建一個Web窗體，切換到設計視圖。 如圖3-3所示，在工具箱中的“HTML ”里 雙擊Table控件，在表格 行；控件、1個件、1 個準及“驗證，分別添加6個TextBox控 件、6 個 Required

4、FieldValidator 控件、1 個 Comp areValidator Ran geValidator 控RegularEx pressi on Validator 控件、1 個 CustomValidator 控件，1 個 Botton 控件、1 個 Label 控件和 1 個 ValidatorSummary 控件。適當調(diào)整個控件的位置和大小。RU-SI TPJ - Ja# ft 心心 *j”屮.p- -J乂 *頃U*3HZUL C nrinELRjn 曲 卄iTS 用 d-Benmv GMtFPWXi”啕h色矢a 口-口虬圧】 ” 3*、Iif =：I-. .-t I JI si

5、；ij. rS5-i|r :I亞不ud 汕7心叫11宇k心-.7:聰圖3-3設計界面(1)(2)設置屬性Web窗體中各控件的屬性設置如表 3-1所示。表3-1各控件的屬性設置表控件屬性名屬性值說明TextBoxIDtxtName“用戶名” 文本框的編 程名稱RequiredFi eldValidato rIDrfvName“必須輸入 驗證”控件 的編程名稱Con trolT oValidat etxtName驗證“用戶 名”文本框ErrorMe ssage請輸入用戶名驗證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 至“用戶名”

6、 文本框Text驗證無效時 提示的錯誤 信息IDtxt Password“密碼”文 本框的編程 名稱TextMod eP asswor d設置“密碼” 文本框為密 碼模式TextBoxTextBoxIDrfvP assword“必須輸 入驗證” 控件的編 程名稱Con trolT oValidat etxt Password驗證“密碼” 文本框ErrorMe ssage請輸入密碼驗證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 到“密碼” 文本框Text驗證無效時 提示的錯誤 信息IDtxt Passw ordAgai n“確認

7、密 碼”文本框 的編程名稱RequiredFi eldValidatoTextMod eP asswor d設置“確認 密碼文本 框為密碼模 式IDrfvP assw ordAgai n“必須輸入 驗證”控件 的編程名稱-5Con trolT oValidat etxt Passw ordAgai n驗證“確認 密碼”文本 框ErrorMe ssage請輸入 確認密 碼驗證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息=tSetFocusOn ErrorTrue驗證無效時 將焦點定位 到“確認密 碼”文本框Text*驗證無效時 提示的錯誤 信息RequiredFi eldValidatoTe

8、xtBoxIDcvP assword“比較驗 證”控件的 編程名稱Con trolT oCom pa retxt Password與“密碼” 文本框比較Con trolT oValidat etxt Passw ordAgai n驗證“確認 密碼”文本 框ErrorMe ssage密碼與 確認密 碼不 致驗證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 到“確認密 碼”文本框IDtxtBirth day“生日”文 本框的編程 名稱Comp areV alidatorRequiredFi eldValidato rIDrfvBir

9、th day“必須輸入 驗證”控件 的編程名稱Con trolT oValidat etxtBirth day驗證“牛二” 文本框ErrorMe ssage請輸入牛日驗證無效時 在“匯總驗 證控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 至y“牛日” 文本框Text驗證無效時提示的錯誤信息Ran geValid atorIDrvBirthd ay“范圍驗 證”控件的 編程名稱Con trolT oValidat etxtBirth day驗證“牛日” 文本框ErrorMe ssage日期應 在 1970-1-1 到 2000-1-1 之間驗證無效時 在

10、“匯總驗 證控件中 顯示的錯誤 信息Maximu mValue2000-1-1設置取大的 日期為2010-1-1Mi nimu mValue1970-1-1設置最小的 日期為1900-1-1SetFocusOn ErrorTrue驗證無效時 將焦點定位 至y“牛日” 文本框Ty peDate要比較的值為日期型TextBoxIDtxtTele p hone“電話號 碼”文本框 的編程名稱IDrfvTele p hone“必須輸入 驗證”控件 的編程名稱Con trolT oValidat etxtTele p hone驗證“電話 號碼”文本 框ErrorMe ssage請輸入 電話號 碼驗證無效

11、時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 到“電話號 碼”文本框Text*驗證無效時 提示的錯誤 信息RequiredFieldValidatoIDrevTele p hone“規(guī)則表達 式驗證”控 件的編程名 稱Con trolT oValidat etxtTele p hone驗證“電話 號碼”文本 框ErrorMe ssage電話號 碼格式 應證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue要驗證無效時 將焦點定位 到“電話號 碼”文本框Validat

12、io nExp ress ion(d3,4)|d3,4 -)?d7,8 表達式為“中華人民 共和國電話 號碼”RegularEx p ressi onVal idatorTextBoxIDtxtIde nti ty“身份證 號”文本框 的編程名稱IDrfvIdenti ty“必須輸入 驗證”控件 的編程名稱Con trolT oValidat etxtIde nti ty驗證“身份 證號”文本 框ErrorMe ssage請輸入 身份證 口，號驗證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 到“身份證 號”文本框Text*驗證

13、無效時 提示的錯誤 信息RequiredFieldValidatoidatorBottonIDcvIde ntity“自定義驗 證”控件的 編程名稱Con trolT oValidat etxtIde nti ty驗證“身份 證號文本 框ErrorMe ssage身份證號錯誤！驗證無效時 在“匯總驗 證”控件中 顯示的錯誤 信息SetFocusOn ErrorTrue驗證無效時 將焦點定位 到“身份證 號”文本框IDbtn Subm it“確定”按 鈕的編程名 稱Text確定“確定”按 鈕上顯示的 文本CustomValLabelummaryIDIblMsg顯示“驗證 通過”信息 的Label

14、控 件的編程名 稱Text空初始不顯示 任何內(nèi)容IDvsSubmi t“匯總驗 證”按鈕的 編程名稱ShowMe ssageBox tTrue以對話框形 式顯示匯總 的驗證錯誤 信息ShowSu mmaryFalse不在網(wǎng)頁上 顯示匯總的 驗證錯誤信 息Validatio nS(3)編寫事件、方法代碼自定義驗證控件cvidentity，進入其ServerValidate事件，代碼如下：按鈕btnSubmit被單擊時執(zhí)行的事件代 碼如下：(4)瀏覽建立的Web窗體進行測試。O擊“用戶名是否可用”按拓展練習：在完成練習1的基礎上，對用戶名 增加是否可用的功能 如圖3-4所示，當點 鈕時，僅對“用戶

15、名”進行驗證。O ranirniI.L丿.1“.:ZEW Ml* HE g fM業(yè).ux X圖 _-*用尸 iFlF用戶;苦f 用尸E舟g可用 a：碼r斶認密碼f生,電話號碼惜址號， 1圖3-4“用戶名”驗證擊“用戶名是否擊“用戶名是否可用”按鈕時,”的信息如圖3-5和圖3-6所示，當在“用戶名”文本 框中輸入“ peizheng，再單 可用”按鈕時，輸出“抱歉！該用戶名已被占 用！”的信息；當在“用戶名”文本框中輸入 其它信息，再單 輸出“恭喜！該用戶名可用！t5 HiririB（：一:R :一 fnr-n-g宙碼：綢沃由碼：電胡號碼pSE網(wǎng)護IIIIII用尸老曇昔B I舸冃戶嘻已被占用I圖

16、3-5“分組驗證”瀏覽效果（3）m； hl p- /Fid口：la丄t：prei：iF*.KPSA*4qBapE4鼻七.4 耳! K vxa 仏I Xfl 屮 G 口 拿皿 *巒.J -d j -.-a.- Q- .* 3*竺- Q-兀 J _3 興 to 二上占1 十 _ P =EITVi I . Ih-niLh.- 電鼻 njklL斗 k 手* 亠竺11魚L. *-出 Urin UA- 寸MtE 4帝1帆和 怦 E n屯X霉和N 茁 如綢戶宕-關(guān)認密均iVI in竽HI.妙.-tt.電flit. -柚遛肩#二圖3-7設計界面(2)(2)設置屬性在表3-1的基礎,新添加控件的屬性設置如表3-2所示。表3-2各控件的屬性設置表控件屬性名屬性值說明Butto nIDBtnValid ateName“用戶名是否可 用”按鈕的編程 名稱Text用戶名 是否可 用“用戶名是否可 用”按鈕上顯示 的文本Validatio nGroupgroupNa me單擊按鈕時驗證groupName 組LabelIDlblName顯示用戶名