應(yīng)用驗(yàn)證控件講義

項(xiàng)目四應(yīng)用驗(yàn)證控件

任務(wù)一完成注冊(cè)界面的設(shè)計(jì)任務(wù)一完成注冊(cè)界面的設(shè)計(jì)【任務(wù)要點(diǎn)】常用驗(yàn)證服務(wù)器控件的使用【案例1】制作提交內(nèi)容必填的注冊(cè)頁面某網(wǎng)頁要求學(xué)生提交學(xué)號(hào)和專業(yè)，要求兩項(xiàng)內(nèi)容必填。若用戶沒有在文本框中輸入學(xué)號(hào)或沒有通過下拉列表框選擇專業(yè)，則顯示出錯(cuò)提示，顯示圖4-1所示的Web頁面，程序正常運(yùn)行時(shí)顯示圖4-2所示的結(jié)果。下一頁返回任務(wù)一完成注冊(cè)界面的設(shè)計(jì)【具體步驟】1.設(shè)計(jì)Web頁面新建一個(gè)ASP.NET網(wǎng)站，向頁面中添加必要的控件說明文字，添加一個(gè)按鈕控件Button1；一個(gè)文本框控件TextBox1；一個(gè)下拉列表框控件DropDownList1和兩個(gè)必須項(xiàng)驗(yàn)證控件RequiredFieldValidator1、RequiredFieldValidator2，注意將驗(yàn)證控件放置在被驗(yàn)證控件的右側(cè)。2.設(shè)置對(duì)象屬性Web頁面中各控件的初始屬性設(shè)置，見表4-1。下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)Web頁面加載時(shí)執(zhí)行的事件過程代碼如下：protectedvoidPage_Load(objectsender,EventArgse){dropSpec.Items.Add("--請(qǐng)選擇專業(yè)--");//填充專業(yè)下拉列表框中的選項(xiàng)dropSpec.Items.Add("網(wǎng)絡(luò)技術(shù)");dropSpec.Items.Add("軟件工程");dropSpec.Items.Add("多媒體應(yīng)用");dropSpec.Items.Add("計(jì)算機(jī)維修");this.Title="必須項(xiàng)驗(yàn)證控件應(yīng)用示例";//設(shè)置頁面標(biāo)題}下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)單擊【提交】按鈕時(shí)執(zhí)行的事件過程代碼如下：protectedvoidbtnOK_Click(objectsender,EventArgse){//將用戶的選擇顯示到標(biāo)簽控件中l(wèi)blResult.Text="你的學(xué)號(hào)是："+txtNum.Text+"<br>"+"你的專業(yè)是："+dropSpec.Text;}下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)【案例2】利用比較驗(yàn)證控件來制作注冊(cè)頁面設(shè)計(jì)一個(gè)模擬的用戶注冊(cè)頁面，要求使用比較驗(yàn)證控件（CompareValidator）對(duì)用戶輸入密碼和確認(rèn)密碼的一致性、日期數(shù)據(jù)格式的正確性進(jìn)行比較驗(yàn)證，使用必須項(xiàng)驗(yàn)證控件（RequiredFieldValidator）設(shè)置用戶名及密碼為必填字段。程序運(yùn)行結(jié)果如圖4-3和圖4-4所示。下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)【具體步驟】1.設(shè)計(jì)Web頁面新建一個(gè)ASP.NET網(wǎng)站，切換到設(shè)計(jì)視圖。向由系統(tǒng)自動(dòng)創(chuàng)建的Default.aspx頁面中添加一個(gè)用于布局的HTML表格，適當(dāng)調(diào)整表格的行列數(shù)；向表格中添加必要的控件說明文字；添加四個(gè)用于接收用戶輸入數(shù)據(jù)的文本框TextBox1～TextBox4；兩個(gè)按鈕控件Button1、Button2；一個(gè)用于顯示通過驗(yàn)證信息的標(biāo)簽控件Label1；添加兩個(gè)必須項(xiàng)驗(yàn)證控件RequiredFieldValidator1和RequiredFieldValidator2，兩個(gè)比較驗(yàn)證控件CompareValidator1、CompareValidator2，注意將必須項(xiàng)驗(yàn)證控件分別放置在用戶名欄和密碼欄的右側(cè)單元格，將比較驗(yàn)證控件分別放置在確認(rèn)密碼和出生日期欄的右側(cè)單元格；適當(dāng)調(diào)整各控件的大小及位置。下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)2.設(shè)置對(duì)象屬性各控件的初始屬性設(shè)置見表4-2。3.編寫事件代碼protectedvoidPage_Load(objectsender,EventArgse){this.Title="CompareValidator控件應(yīng)用示例";txtUsername.Focus();//頁面加載時(shí)，用戶名文本框得到焦點(diǎn)lblPass.Text="";//清除通過驗(yàn)證標(biāo)簽中的文本}protectedvoidbtnOK_Click(objectsender,EventArgse){lblPass.Text="本頁已通過驗(yàn)證！";//通過驗(yàn)證后在標(biāo)簽中顯示的信息}下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)【案例3】利用范圍驗(yàn)證控件來制作數(shù)值錄入頁面使用RangeValidator控件驗(yàn)證用戶輸入學(xué)生成績(jī)的數(shù)值范圍，用戶輸入數(shù)據(jù)被驗(yàn)證通過時(shí)頁面中顯示如圖4-5所示的結(jié)果。若用戶沒有輸入學(xué)號(hào)或輸入了不合邏輯的成績(jī)值，則顯示如圖4-6所示的出錯(cuò)提示信息。下一頁返回上一頁任務(wù)一完成注冊(cè)界面的設(shè)計(jì)【具體步驟】1.設(shè)計(jì)Web頁面新建一個(gè)ASP.NET網(wǎng)站，如圖4-7所示，向頁面中添加必要的控件說明文字，兩個(gè)文本框控件TextBox1、TextBox2；一個(gè)按鈕控件Button1。在用于輸入學(xué)生學(xué)號(hào)的文本框后面添加一個(gè)必須項(xiàng)驗(yàn)證控件RequiredFieldValidator1，在用于輸入學(xué)生成績(jī)的文本框后面添加一個(gè)范圍驗(yàn)證控件RangeValidator1。2.設(shè)置對(duì)象屬性各控件的初始屬性設(shè)置見表4-3。下一頁返回上一頁任務(wù)一完成成注冊(cè)界面面的設(shè)計(jì)3.編寫事事件代碼頁面裝入時(shí)時(shí)執(zhí)行的事事件過程代代碼如下：：protectedvoidPage_Load(objectsender,EventArgse){this.Title="范范圍驗(yàn)證控控件應(yīng)用示示例";txtNum.Focus();lblMsg.Text="";}下一頁返回上一頁任務(wù)一完成成注冊(cè)界面面的設(shè)計(jì)單擊【提交交】按鈕時(shí)時(shí)執(zhí)行的事事件代碼如如下：protectedvoidbtnOK_Click(objectsender,EventArgse){lblMsg.Text="姓名："+txtNum.Text+"    "+"成績(jī)：："+txtScore.Text;}下一頁返回上一頁任務(wù)一完成成注冊(cè)界面面的設(shè)計(jì)【案例4】】制作用戶不不能含有漢漢字、密碼碼為6～12位及對(duì)對(duì)郵箱格式式進(jìn)行驗(yàn)證證的注冊(cè)頁頁面?！揪唧w步驟驟】1.設(shè)計(jì)Web頁面面新建一個(gè)ASP.NET網(wǎng)站站，向由系系統(tǒng)自動(dòng)產(chǎn)產(chǎn)生的默認(rèn)認(rèn)頁面中添添加一個(gè)HTML表表格，參照照?qǐng)D4-11適當(dāng)調(diào)整HTML表表格的行列列數(shù)及行高高、列寬。。向HTML表格中中添加需要要的控件說說明文字，，向頁面中中添加三個(gè)個(gè)文本框控控件TextBox1～TextBox3；添添加一個(gè)按按鈕控件Button1和一一個(gè)用于輸輸出驗(yàn)證是是否通過信信息的標(biāo)簽簽控件Label1；分別在在用戶名文文本框和密密碼文本框框的右側(cè)各各添加一個(gè)個(gè)自定義驗(yàn)驗(yàn)證下一頁返回上一頁任務(wù)一完成成注冊(cè)界面面的設(shè)計(jì)控件CustomValidator1、CustomValidator2；在在電子郵件件文本框右右側(cè)添加一一個(gè)正則表表達(dá)式驗(yàn)證證控件RegularExpressionValidator1；適當(dāng)當(dāng)調(diào)整各控控件的大小小和位置。。2.設(shè)置對(duì)對(duì)象屬性各控件的初初始屬性設(shè)設(shè)置見表4-4。3.編寫事事件代碼下一頁返回上一頁任務(wù)一完成成注冊(cè)界面面的設(shè)計(jì)【背景知識(shí)識(shí)】數(shù)據(jù)驗(yàn)證機(jī)機(jī)制介紹數(shù)據(jù)驗(yàn)證服服務(wù)器控件件可以提供供易用但功功能強(qiáng)大的的方法檢查查輸入窗體體中的錯(cuò)誤誤，并在必必要時(shí)向用用戶顯示消消息。驗(yàn)證控件像像其他服務(wù)務(wù)器控件一一樣添加到到Web窗窗體頁。有有不同的控控件用于特特定的驗(yàn)證證類型，如如范圍檢查查或模式匹匹配，以及及確保用戶戶不跳過輸輸入字段的的RequiredFieldValidator等。?？梢詫⒍喽鄠€(gè)驗(yàn)證控控件附加到到一個(gè)輸入入控件。例例如，可以以既指定需需要輸入，，又指定輸輸入必須包包含特定范范圍的值。。表4-5列出了所有的的驗(yàn)證控件。。接下來將分分別詳細(xì)介紹紹這些控件的的使用方法。。下一頁返回上一頁任務(wù)一完成注注冊(cè)界面的設(shè)設(shè)計(jì)在處理用戶的的輸入時(shí)（如如提交窗體時(shí)時(shí)），Web窗體頁框架架將用戶的輸輸入傳遞給關(guān)關(guān)聯(lián)的驗(yàn)證控控件。驗(yàn)證控控件測(cè)試用戶戶的輸入，并并設(shè)置屬性以以指示輸入是是否通過了驗(yàn)驗(yàn)證測(cè)試。處處理完所有的的驗(yàn)證控件后后，將設(shè)置頁頁上的IsValid屬屬性。如果有有任何控件顯顯示驗(yàn)證檢查查失敗，則整整頁設(shè)置為無無效。如果驗(yàn)驗(yàn)證控控件有有錯(cuò)誤誤，錯(cuò)錯(cuò)誤信信息可可由該該驗(yàn)證證控件件顯示示在頁頁中，，或者者顯示示在頁頁上其其他地地方的的ValidationSummary控控件中中。當(dāng)當(dāng)頁的的IsValid屬屬性為為False時(shí)時(shí)，顯顯示ValidationSummary控件件。它它輪詢?cè)冺撋仙系拿棵總€(gè)驗(yàn)驗(yàn)證控控件，，并聚聚合每每個(gè)控控件公公開的的文本本消息息?？煽梢则?yàn)驗(yàn)證的的Web服服務(wù)器器控件件見表4-6。返回上一頁頁表4-1各各控件件的初初始屬屬性設(shè)設(shè)置返回表4-2各各驗(yàn)證證控件件的初初始屬屬性設(shè)設(shè)置返回下一頁頁表4-2各各驗(yàn)證證控件件的初初始屬屬性設(shè)設(shè)置返回上一頁頁表4-3各各驗(yàn)證證控件件的初初始屬屬性設(shè)設(shè)置返回表4-4各各控件件的初初始屬屬性設(shè)設(shè)置返回表4-5驗(yàn)驗(yàn)證控控件的的類型型返回表4-6可可以驗(yàn)驗(yàn)證的的Web服服務(wù)器器控件件返回圖4-1未未通過過驗(yàn)證證時(shí)顯顯示的的出錯(cuò)錯(cuò)信息息返回圖4-2正正常運(yùn)運(yùn)行結(jié)結(jié)果返回圖4-3通通過驗(yàn)驗(yàn)證返回圖4-4出出錯(cuò)提提示返回圖4-5通過驗(yàn)驗(yàn)證后顯顯示的輸輸出信息息返回圖4-6未通過過驗(yàn)證時(shí)時(shí)顯示的的出錯(cuò)提提示返回圖4-7設(shè)計(jì)Web頁頁面返回圖4-11設(shè)計(jì)計(jì)Web頁面返回9、靜夜四四無鄰，，荒居舊舊業(yè)貧。。。2022/12/82022/12/8Thursday,December8,202210、雨中黃黃葉樹，，燈下白白頭人。。。2022/12/82022/12/82022/12/812/8/20221:22:06PM11、以以我我獨(dú)獨(dú)沈沈久久，，愧愧君君相相見見頻頻。。。。2022/12/82022/12/82022/12/8Dec-2208-Dec-2212、故故人人江江海海別別，，幾幾度度隔隔山山川川。。。。2022/12/82022/12/82022/12/8Thursday,December8,202213、乍見見翻疑疑夢(mèng)，，相悲悲各問問年。。。2022/12/82022/12/82022/12/82022/12/812/8/202214、他鄉(xiāng)鄉(xiāng)生白白發(fā)，，舊國國見青青山。。。08十十二月20222022/12/82022/12/82022/12/815、比不了了得就不不比，得得不到的的就不要要。。。。十二月222022/12/82022/12/82022/12/812/8/202216、行動(dòng)出出成果，，工作出出財(cái)富。。。2022/12/82022/12/808December202217、做前，，能夠環(huán)環(huán)視四周周；做時(shí)時(shí)，你只只能或者者最好沿沿著以腳腳為起點(diǎn)點(diǎn)的射線線向前。。。2022/12/82022/12/82022/12/82022/12/89、沒有失敗敗，只有暫暫時(shí)停止成成功！。2022/12/82022/12/8Thursday,December8,202210、很多事情情努力了未未必有結(jié)果果，但是不不努力卻什什么改變也也沒有。。。2022/12/82022/12/82022/12/812/8/20221:22:07PM11、成成功功就就是是日日復(fù)復(fù)一一日日那那一一點(diǎn)點(diǎn)點(diǎn)點(diǎn)小小小小努努力力的的積積累累。。。。2022/12/82022/12/82022/12/8Dec-2208-Dec-2212、世間間成事事，不不求其其絕對(duì)對(duì)圓滿滿，留留一份份不足足，可可得無無限完完美。。。2022/12/82022/12/82022/12/8Thursday,December8,202213、不知知香積積寺，，數(shù)里里入云云峰。。。2022/12/82022/12/82022/12/82022/12/812/8/202214、意志堅(jiān)強(qiáng)強(qiáng)的人能把把世界放在在手中像泥泥塊一樣任任意揉捏。。08十二二月20222022/12/82022/12/82022/12/815、楚楚塞塞三三湘湘接接，，荊荊門門九九派派通通。。。。。。十二二月月222022/12/82022/12/82022/12/812/8/202216、少少年年十十五五二二十十時(shí)時(shí)，，步步行行奪奪得得胡胡馬馬騎騎。。。。2022/12/82022/12/808December202217、空山新新雨后，，天氣晚晚來秋。。。2022/12/82022/12/82022/12/82022/12/89、楊柳散散和風(fēng)，，青山澹澹吾慮。。。2022/12/82022/12/8Thursday,December8,202210、閱讀一切切好書如同同和過去最最杰出的人人談話。2022/12/82022/12/82022/12/812/8/20221:22:07PM11、越越是是沒沒有有本本領(lǐng)領(lǐng)的的就就越越加加自自命命不不凡凡。。2022/12/82022/12/82022/12/8Dec-2208-Dec-2212、越越是是無無能能的的人人，