NET網(wǎng)站開發(fā)項(xiàng)目化教程PPT任務(wù)2-2 為“新知書店”用戶注冊頁面添加驗(yàn)證功能

預(yù)習(xí)檢查使用哪個(gè)驗(yàn)證控件可以實(shí)現(xiàn)驗(yàn)證某個(gè)TextBox的輸入數(shù)據(jù)是否是Internet電子郵件地址？學(xué)習(xí)目標(biāo)【知識(shí)目標(biāo)】掌握數(shù)據(jù)驗(yàn)證控件驗(yàn)證Web頁面中輸入的數(shù)據(jù)掌握常用數(shù)據(jù)驗(yàn)證控件的功能和屬性【技能目標(biāo)】能對(duì)用戶輸入的信息進(jìn)行驗(yàn)證知識(shí)準(zhǔn)備—有效性驗(yàn)證用戶注冊時(shí)，輸入了不合標(biāo)準(zhǔn)的信息，怎么辦？后臺(tái)手寫驗(yàn)證代碼使用javascript腳本進(jìn)行驗(yàn)證ASP.NET提供了驗(yàn)證控件輕松實(shí)現(xiàn)用戶輸入的驗(yàn)證，且與用戶瀏覽器無關(guān)由在客戶端或服務(wù)器中運(yùn)行的驗(yàn)證代碼執(zhí)行多種驗(yàn)證控件，驗(yàn)證數(shù)據(jù)更加簡單方便頁面回傳，用戶體驗(yàn)不好不安全，與瀏覽器相關(guān)1.客戶端和服務(wù)器端驗(yàn)證對(duì)用戶錄入信息的驗(yàn)證可以在服務(wù)器端也可以在客戶端（瀏覽器），但在客戶端會(huì)被黑客手段繞開數(shù)據(jù)驗(yàn)證，而ASP.NET驗(yàn)證控件支持客戶端驗(yàn)證，也運(yùn)行服務(wù)器端驗(yàn)證。

(1)客戶端驗(yàn)證在提交Web窗體中的數(shù)據(jù)到服務(wù)器端前就發(fā)現(xiàn)客戶端的錯(cuò)誤，從而避免服務(wù)器端驗(yàn)證所必需的請(qǐng)求與響應(yīng)往返過程。ASP.NET中的驗(yàn)證控件創(chuàng)建了針對(duì)特定瀏覽器的代碼，如果瀏覽器支持JavaScript腳本，可以進(jìn)行客戶端驗(yàn)證，否則驗(yàn)證失效。(2)服務(wù)器端驗(yàn)證當(dāng)Web頁被發(fā)送到服務(wù)器時(shí)，服務(wù)器端重復(fù)執(zhí)行客戶端驗(yàn)證，可以防止用戶繞過客戶端腳本。知識(shí)準(zhǔn)備—驗(yàn)證控件簡介BaseValidator基礎(chǔ)驗(yàn)證類RequiredFieldValidatorCompareValidatorRegularExpressionValidatorRangeValidatorCustomValidatorBaseCompareValidatorLabelWebControl抽象類具體類ValidationSummary知識(shí)準(zhǔn)備—驗(yàn)證控件的層次結(jié)構(gòu)知識(shí)準(zhǔn)備—RequiredFieldValidator非空驗(yàn)證用于驗(yàn)證用戶輸入是否為空常與其他控件一起使用常用屬性屬性說明ControlToValidate驗(yàn)證的控件idText出錯(cuò)時(shí)的提示ErrorMessage提交給ValidationSummary的錯(cuò)誤提示，當(dāng)Text為空時(shí)，也會(huì)顯示該錯(cuò)誤信息知識(shí)準(zhǔn)備—RequiredFieldValidator(續(xù))演示輸入驗(yàn)證1、在頁面中拖入RequiredFieldValidator并設(shè)置控件屬性2、按鈕事件：在頁面顯示"

信息已提交！"3、在Page_Load及按鈕事件中設(shè)置斷點(diǎn)4、以調(diào)試模式運(yùn)行，體會(huì)頁面驗(yàn)證順序5、將IE設(shè)置為禁用腳本，繼續(xù)驗(yàn)證this.lblMessage.Text="信息已提交！";頁面并未提交到服務(wù)器執(zhí)行，驗(yàn)證在客戶端進(jìn)行當(dāng)IE設(shè)置為禁用腳本時(shí)，頁面發(fā)生回傳，驗(yàn)證沒有發(fā)生演示示例：驗(yàn)證控件的執(zhí)行知識(shí)準(zhǔn)備—CompareValidatorCompareValidator用于比較控件的值注冊時(shí)，密碼需要輸入兩次，并且一致付款時(shí)，金額需大于0……常用屬性屬性說明ControlToCompare要進(jìn)行對(duì)比的控件Type比較類型設(shè)置，不同類型的比較可能會(huì)出錯(cuò)Operator比較運(yùn)算符，默認(rèn)為等于知識(shí)準(zhǔn)備—RangeValidatorRangeValidator用于范圍的驗(yàn)證驗(yàn)證生日（小于當(dāng)前日期）預(yù)定卡拉OK（一周內(nèi)）……常用屬性屬性說明MaximumValue范圍的上界（最大值）MinimumValue范圍的下界（最小值）Type驗(yàn)證類型（字符串、整型、雙精度、日期、貨幣五種）電子郵件怎么驗(yàn)證？沒有大小可比沒有范圍之分電子郵件的規(guī)則是：必須包含一個(gè)并且只有一個(gè)符號(hào)“@”第一個(gè)字符不得是“@”或者“.”不允許出現(xiàn)“@.”或者.@結(jié)尾不得是字符“@”或者“.”zhangsan@163.com可使用正則表達(dá)式知識(shí)準(zhǔn)備—正則表達(dá)式用某種模式去匹配一類字符串的一個(gè)公式一類字符串：電話號(hào)碼、電子郵件地址…...模式：規(guī)則公式：表示規(guī)則的一段文字匹配：根據(jù)表達(dá)式去對(duì)比驗(yàn)證規(guī)則例子：“^”可匹配字符串開始。那么表達(dá)式：“^正則”可匹配的下列字符串中的那一種？√×正則表達(dá)式名不正則言不順知識(shí)準(zhǔn)備—正則表達(dá)式(續(xù))知識(shí)準(zhǔn)備—RegularExpressionValidator應(yīng)用正則表達(dá)式作為進(jìn)行驗(yàn)證的控件電子郵件身份證號(hào)......常用屬性ValidationExpression屬性:設(shè)置要匹配的正則表達(dá)式知識(shí)準(zhǔn)備—CustomValidator自定義驗(yàn)證可以手寫js腳本進(jìn)行客戶端驗(yàn)證腳本也可以編寫服務(wù)器端的驗(yàn)證代碼或者聯(lián)合兩種方式驗(yàn)證，更安全常用屬性屬性說明ClientValidationFunction用于客戶端驗(yàn)證的函數(shù)ServerValidate服務(wù)器端驗(yàn)證的事件方法知識(shí)準(zhǔn)備—ValidationSummary驗(yàn)證報(bào)告控件該控件并不對(duì)窗體的輸入進(jìn)行驗(yàn)證它可以將驗(yàn)證錯(cuò)誤匯總在一處統(tǒng)一顯示顯示的內(nèi)容是其他控件的ErrorMessage常用屬性ShowMessageBox，指示是否顯示彈出的提示消息ShowSummary，指示是否顯示該報(bào)告內(nèi)容，用于顯示提示消息的時(shí)候?yàn)楸苊舛嗵幪崾掘?yàn)證錯(cuò)誤信息，可將驗(yàn)證控件的Text屬性設(shè)置為“*”號(hào)完善用戶注冊功能使用驗(yàn)證控件的驗(yàn)證方式所有輸入都不可為空兩次輸入密碼一致Email需要格式正確使用彈出窗口的提示方式演示示例：ValidationSummary應(yīng)用知識(shí)準(zhǔn)備—ValidationSummary(續(xù))在任務(wù)2-1的基礎(chǔ)上實(shí)現(xiàn)“新知書店”用戶注冊頁的驗(yàn)證功能，效果如圖2-22所示，具體符合以下要求。所有輸入文本框均要有非空驗(yàn)證，如果為空給出“請(qǐng)輸入***”的提示?！懊艽a”和“確認(rèn)密碼”要求輸入一致，不一致給出“兩次密碼不一致”的提示“郵件”和“手機(jī)”的格式要求輸入正確，其中“手機(jī)”要求輸入位數(shù)為11位所有的錯(cuò)誤信息以彈出信息框的方式匯總顯示任務(wù)描述1.頁面設(shè)計(jì):

從工具箱中拖放非空驗(yàn)證控件CompareValidator、RequiredFieldValidator、RegularExpressionValidator、ValidationSummary至頁面Register.aspx相應(yīng)文本框控件對(duì)應(yīng)的位置，部分屬性設(shè)計(jì)如下表所示2.運(yùn)行并觀察結(jié)果任務(wù)實(shí)施控件名屬性設(shè)置RequiredFieldValidatorControlToValidate="txtName"ErrorMessage="用戶名不能為空CompareValidatorControlToValidate="txtPwd2"ErrorMessage="兩次輸入的密碼必須一致"ControlToCompare="txtPwd"RegularExpressionValidatorControlToValidate="txtEmai