NET網(wǎng)站開發(fā)項(xiàng)目化教程PPT單元設(shè)計(jì)2-2 為“新知書店”用戶注冊(cè)頁面添加驗(yàn)證功能

PAGEPAGE1《ASP.Net應(yīng)用開發(fā)》課程單元教學(xué)設(shè)計(jì)2_2教學(xué)單元為“新知書店”用戶注冊(cè)頁面添加驗(yàn)證功能授課班級(jí)授課學(xué)時(shí)課時(shí)授課日期年月日第周周第節(jié)授課教師授課地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)驗(yàn)證控件、驗(yàn)證碼控件能力目標(biāo)1.會(huì)使用數(shù)據(jù)驗(yàn)證控件驗(yàn)證Web頁面中輸入的數(shù)據(jù)；2.掌握常用數(shù)據(jù)驗(yàn)證控件的功能和屬性素質(zhì)目標(biāo)規(guī)范管理能力;自我學(xué)習(xí)能力;相互協(xié)作能力。教學(xué)重點(diǎn)使用不同的驗(yàn)證控件實(shí)現(xiàn)用戶注冊(cè)的驗(yàn)證功能教學(xué)難點(diǎn)驗(yàn)證控件、第三方控件的基本屬性和使用方法能力訓(xùn)練任務(wù)或案例使用ASP.NET驗(yàn)證控件檢驗(yàn)注冊(cè)用戶信息教學(xué)策略(教學(xué)方法與組織形式)1.課件：根據(jù)本節(jié)課程設(shè)計(jì)的內(nèi)容及教學(xué)計(jì)劃，逐步展現(xiàn)知識(shí)點(diǎn)。2.板書：針對(duì)學(xué)生在學(xué)習(xí)和練習(xí)過程中出現(xiàn)的問題，進(jìn)行補(bǔ)充講解。調(diào)節(jié)課堂節(jié)奏，給學(xué)生思考的時(shí)間。3.教師程序編寫：讓學(xué)生觀摩“新知書店”用戶注冊(cè)頁面添加驗(yàn)證功能的實(shí)現(xiàn)，與所學(xué)知識(shí)點(diǎn)一一對(duì)應(yīng)，加深理解。4.問答：就一些知識(shí)點(diǎn)的靈活性與學(xué)生進(jìn)行問答互動(dòng)。5.就（3）和（4）中同學(xué)們的表現(xiàn)給出部分平時(shí)分，為了鼓勵(lì)同學(xué)們的參與積極性，參與者加1分，答對(duì)者加2-3分。課后練習(xí)完成“新知圖書”網(wǎng)站其他頁面的驗(yàn)證功能教學(xué)后記教學(xué)過程教學(xué)引入：請(qǐng)某位同學(xué)列舉日常常用的5個(gè)網(wǎng)站，并總結(jié)這些網(wǎng)站的特點(diǎn)，詢問網(wǎng)頁是通過怎么開發(fā)的。教學(xué)內(nèi)容：2.3驗(yàn)證控件驗(yàn)證控件直接在客戶端執(zhí)行，用戶提交后執(zhí)行相應(yīng)的驗(yàn)證無需使用服務(wù)器端進(jìn)行驗(yàn)證操作，從而減少了服務(wù)器與客戶端之間的往返過程。2.3.1驗(yàn)證控件及其作用表2-2ASP.NET的驗(yàn)證控件驗(yàn)證類型使用的控件說明必需項(xiàng)RequiredFieldValidator驗(yàn)證一個(gè)必填字段，確保用戶不會(huì)跳過某項(xiàng)輸入。與某值的比較CompareValidator將用戶輸入與一個(gè)常數(shù)值或者另一個(gè)控件或特定數(shù)據(jù)類型的值進(jìn)行比較(使用小于、等于或大于比較運(yùn)算符)。范圍檢查RangeValidator用于檢查用戶的輸入是否在指定的上下限內(nèi)?？梢詸z查數(shù)字對(duì)、字母對(duì)和日期對(duì)的限定范圍。模式匹配RegularExpressionValidator用于檢查輸入的內(nèi)容與正則表達(dá)式所定義的模式是否匹配。此類驗(yàn)證可用于檢查可預(yù)測(cè)的字符序列，例如電子郵件地址、電話號(hào)碼、郵政編碼等內(nèi)容中的字符序列。用戶定義CustomValidator使用自己編寫的驗(yàn)證邏輯檢查用戶輸入。此類驗(yàn)證能夠檢查在運(yùn)行時(shí)派生的值。驗(yàn)證總匯ValidationSummary該控件不執(zhí)行驗(yàn)證，但經(jīng)常與其它驗(yàn)證控件一起用于顯示來自網(wǎng)頁上所有驗(yàn)證控件的錯(cuò)誤信息。2.3.2驗(yàn)證控件的屬性和方法表2-3驗(yàn)證控件的公共屬性和方法屬性說明Display屬性獲取或設(shè)置驗(yàn)證控件中錯(cuò)誤信息的顯示行為ErrorMessage屬性獲取或設(shè)置驗(yàn)證失敗時(shí)ValidationSummary控件中顯示的錯(cuò)誤信息的文本Text屬性獲取或設(shè)置驗(yàn)證失敗時(shí)驗(yàn)證控件中顯示的文本ControlToValidate屬性獲取或設(shè)置要驗(yàn)證的輸入控件EnableClientScript屬性獲取或設(shè)置一個(gè)值，該值指示是否啟用客戶端驗(yàn)證SetFocusOnError屬性獲取或設(shè)置一個(gè)值，該值指示在驗(yàn)證失敗時(shí)是否將焦點(diǎn)設(shè)置到ControlToValidate屬性指定的控件上ValidationGroup屬性獲取或設(shè)置此驗(yàn)證控件所屬的驗(yàn)證組的名稱IsValid屬性獲取或設(shè)置一個(gè)值，該值指示關(guān)聯(lián)的輸入控件是否通過驗(yàn)證ForeColor屬性指定當(dāng)驗(yàn)證失敗時(shí)用于顯示錯(cuò)誤消息的文本顏色2.3.3表單驗(yàn)證控件(RequiredFieldValidator)圖2-16RequiredFieldValidator驗(yàn)證控件2.3.4比較驗(yàn)證控件(CompareValidator)CompareValidator控件的特有屬性如下所示：ControlToValidate：要驗(yàn)證的控件IDControlToCompare：用來與要驗(yàn)證的控件進(jìn)行比較的控件的ID。Operator：要使用的比較運(yùn)算符，比如>、>=、<=、>、<,默認(rèn)為等于Equal。Type：要比較兩個(gè)值的數(shù)據(jù)類型，不同類型的比較可能會(huì)出錯(cuò)。ValueToCompare：以字符串形式輸入的表達(dá)式，即用于比較的值。圖2-17CompareValidator驗(yàn)證控件2.3.5范圍驗(yàn)證控件(RangeValidator)范圍驗(yàn)證控件(RangeValidator)控件的常用屬性如下所示。MinimumValue：指定有效范圍的最小值。MaximumValue：指定有效范圍的最大值。Type：指定要比較的值的數(shù)據(jù)類型。圖2-18RangeValidator驗(yàn)證控件注意：RangeValidator驗(yàn)證控件在進(jìn)行控件的值的范圍的設(shè)定時(shí)，其范圍不僅僅可以是一個(gè)整數(shù)值，同樣還能夠是時(shí)間、日期等值。2.3.6正則驗(yàn)證控件(RegularExpressionValidator)注意：在用戶輸入為空時(shí)，其他的驗(yàn)證控件都會(huì)驗(yàn)證通過。所以，在驗(yàn)證控件的使用中，通常需要同表單驗(yàn)證控件(RequiredFieldValidator)一起使用。2.3.7驗(yàn)證組控件(ValidationSummary)驗(yàn)證組控件(ValidationSummary)的常用屬性如下所示。DisplayMode：摘要可顯示為列表，項(xiàng)目符號(hào)列表或單個(gè)段落。HeaderText：標(biāo)題部分指定一個(gè)自定義標(biāo)題。ShowMessageBox：是否在消息框中顯示摘要。ShowSummary：控制是顯示還是隱藏ValidationSummary控件。圖2-21RegularExpressionValidator驗(yàn)證控件當(dāng)有多個(gè)錯(cuò)誤發(fā)生時(shí)，ValidationSummary控件能夠捕獲多個(gè)驗(yàn)證錯(cuò)誤并呈現(xiàn)給用戶，這樣就避免了一個(gè)表單需要多個(gè)驗(yàn)證時(shí)需要使用多個(gè)驗(yàn)證控件進(jìn)行綁定，使用ValidationSummary控件就無需為每個(gè)需要驗(yàn)證的控件進(jìn)行綁定。任務(wù)實(shí)施：為“新知書店”用戶注冊(cè)頁面添加驗(yàn)證功能1.任務(wù)描述：在任務(wù)2-1的基礎(chǔ)上實(shí)現(xiàn)“新知書店”用戶注冊(cè)頁的驗(yàn)證功能，效果如圖2-22所示，具體符合以下要求。所有輸入文本框均要有非空驗(yàn)證，如果為空給出“請(qǐng)輸入***”的提示?！懊艽a”和“確認(rèn)密碼”要求輸入一致，不一致給出“兩次密