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

工程四運(yùn)用驗(yàn)證控件義務(wù)一完成注冊(cè)界面的設(shè)計(jì)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【義務(wù)要點(diǎn)】常用驗(yàn)證效力器控件的運(yùn)用【案例1】制造提交內(nèi)容必填的注冊(cè)頁(yè)面某網(wǎng)頁(yè)要求學(xué)生提交學(xué)號(hào)和專業(yè)，要求兩項(xiàng)內(nèi)容必填。假設(shè)用戶沒(méi)有在文本框中輸入學(xué)號(hào)或沒(méi)有經(jīng)過(guò)下拉列表框選擇專業(yè)，那么顯示出錯(cuò)提示，顯示圖4-1所示的Web頁(yè)面，程序正常運(yùn)轉(zhuǎn)時(shí)顯示圖4-2所示的結(jié)果。下一頁(yè)前往義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【詳細(xì)步驟】1.設(shè)計(jì)Web頁(yè)面新建一個(gè)ASP.NET網(wǎng)站，向頁(yè)面中添加必要的控件闡明文字，添加一個(gè)按鈕控件Button1；一個(gè)文本框控件TextBox1；一個(gè)下拉列表框控件DropDownList1和兩個(gè)必需項(xiàng)驗(yàn)證控件RequiredFieldValidator1、RequiredFieldValidator2，留意將驗(yàn)證控件放置在被驗(yàn)證控件的右側(cè)。2.設(shè)置對(duì)象屬性Web頁(yè)面中各控件的初始屬性設(shè)置，見表4-1。下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)Web頁(yè)面加載時(shí)執(zhí)行的事件過(guò)程代碼如下：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ùn)用");dropSpec.Items.Add("計(jì)算機(jī)維修");this.Title="必需項(xiàng)驗(yàn)證控件運(yùn)用例如";//設(shè)置頁(yè)面標(biāo)題}下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)單擊【提交】按鈕時(shí)執(zhí)行的事件過(guò)程代碼如下：protectedvoidbtnOK_Click(objectsender,EventArgse){//將用戶的選擇顯示到標(biāo)簽控件中l(wèi)blResult.Text="他的學(xué)號(hào)是："+txtNum.Text+"<br>"+"他的專業(yè)是："+dropSpec.Text;}下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【案例2】利用比較驗(yàn)證控件來(lái)制造注冊(cè)頁(yè)面設(shè)計(jì)一個(gè)模擬的用戶注冊(cè)頁(yè)面，要求運(yùn)用比較驗(yàn)證控件〔CompareValidator〕對(duì)用戶輸入密碼和確認(rèn)密碼的一致性、日期數(shù)據(jù)格式的正確性進(jìn)展比較驗(yàn)證，運(yùn)用必需項(xiàng)驗(yàn)證控件〔RequiredFieldValidator〕設(shè)置用戶名及密碼為必填字段。程序運(yùn)轉(zhuǎn)結(jié)果如圖4-3和圖4-4所示。下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【詳細(xì)步驟】1.設(shè)計(jì)Web頁(yè)面新建一個(gè)ASP.NET網(wǎng)站，切換到設(shè)計(jì)視圖。向由系統(tǒng)自動(dòng)創(chuàng)建的Default.aspx頁(yè)面中添加一個(gè)用于規(guī)劃的HTML表格，適當(dāng)調(diào)整表格的行列數(shù)；向表格中添加必要的控件闡明文字；添加四個(gè)用于接納用戶輸入數(shù)據(jù)的文本框TextBox1～TextBox4；兩個(gè)按鈕控件Button1、Button2；一個(gè)用于顯示經(jīng)過(guò)驗(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)整各控件的大小及位置。下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)2.設(shè)置對(duì)象屬性各控件的初始屬性設(shè)置見表4-2。3.編寫事件代碼protectedvoidPage_Load(objectsender,EventArgse){this.Title="CompareValidator控件運(yùn)用例如";txtUsername.Focus();//頁(yè)面加載時(shí)，用戶名文本框得到焦點(diǎn)lblPass.Text="";//去除經(jīng)過(guò)驗(yàn)證標(biāo)簽中的文本}protectedvoidbtnOK_Click(objectsender,EventArgse){lblPass.Text="本頁(yè)已經(jīng)過(guò)驗(yàn)證！";//經(jīng)過(guò)驗(yàn)證后在標(biāo)簽中顯示的信息}下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【案例3】利用范圍驗(yàn)證控件來(lái)制造數(shù)值錄入頁(yè)面運(yùn)用RangeValidator控件驗(yàn)證用戶輸入學(xué)生成果的數(shù)值范圍，用戶輸入數(shù)據(jù)被驗(yàn)證經(jīng)過(guò)時(shí)頁(yè)面中顯示如圖4-5所示的結(jié)果。假設(shè)用戶沒(méi)有輸入學(xué)號(hào)或輸入了不合邏輯的成果值，那么顯示如圖4-6所示的出錯(cuò)提示信息。下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【詳細(xì)步驟】1.設(shè)計(jì)Web頁(yè)面新建一個(gè)ASP.NET網(wǎng)站，如圖4-7所示，向頁(yè)面中添加必要的控件闡明文字，兩個(gè)文本框控件TextBox1、TextBox2；一個(gè)按鈕控件Button1。在用于輸入學(xué)生學(xué)號(hào)的文本框后面添加一個(gè)必需項(xiàng)驗(yàn)證控件RequiredFieldValidator1，在用于輸入學(xué)生成果的文本框后面添加一個(gè)范圍驗(yàn)證控件RangeValidator1。2.設(shè)置對(duì)象屬性各控件的初始屬性設(shè)置見表4-3。下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)3.編寫事件代碼頁(yè)面裝入時(shí)執(zhí)行的事件過(guò)程代碼如下：protectedvoidPage_Load(objectsender,EventArgse){this.Title="范圍驗(yàn)證控件運(yùn)用例如";txtNum.Focus();lblMsg.Text="";}下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)單擊【提交】按鈕時(shí)執(zhí)行的事件代碼如下：protectedvoidbtnOK_Click(objectsender,EventArgse){lblMsg.Text="姓名："+txtNum.Text+"    "+"成果："+txtScore.Text;}下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【案例4】制造用戶不能含有漢字、密碼為6～12位及對(duì)郵箱格式進(jìn)展驗(yàn)證的注冊(cè)頁(yè)面?！驹敿?xì)步驟】1.設(shè)計(jì)Web頁(yè)面新建一個(gè)ASP.NET網(wǎng)站，向由系統(tǒng)自動(dòng)產(chǎn)生的默許頁(yè)面中添加一個(gè)HTML表格，參照?qǐng)D4-11適當(dāng)調(diào)整HTML表格的行列數(shù)及行高、列寬。向HTML表格中添加需求的控件闡明文字，向頁(yè)面中添加三個(gè)文本框控件TextBox1～TextBox3；添加一個(gè)按鈕控件Button1和一個(gè)用于輸出驗(yàn)證能否經(jīng)過(guò)信息的標(biāo)簽控件Label1；分別在用戶名文本框和密碼文本框的右側(cè)各添加一個(gè)自定義驗(yàn)證下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)控件CustomValidator1、CustomValidator2；在電子郵件文本框右側(cè)添加一個(gè)正那么表達(dá)式驗(yàn)證控件RegularExpressionValidator1；適當(dāng)調(diào)整各控件的大小和位置。2.設(shè)置對(duì)象屬性各控件的初始屬性設(shè)置見表4-4。3.編寫事件代碼下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)【背景知識(shí)】數(shù)據(jù)驗(yàn)證機(jī)制引見數(shù)據(jù)驗(yàn)證效力器控件可以提供易用但功能強(qiáng)大的方法檢查輸入窗體中的錯(cuò)誤，并在必要時(shí)向用戶顯示音訊。驗(yàn)證控件像其他效力器控件一樣添加到Web窗體頁(yè)。有不同的控件用于特定的驗(yàn)證類型，如范圍檢查或方式匹配，以及確保用戶不跳過(guò)輸入字段的RequiredFieldValidator等。可以將多個(gè)驗(yàn)證控件附加到一個(gè)輸入控件。例如，可以既指定需求輸入，又指定輸入必需包含特定范圍的值。表4-5列出了一切的驗(yàn)證控件。接下來(lái)將分別詳細(xì)引見這些控件的運(yùn)用方法。下一頁(yè)前往上一頁(yè)義務(wù)一完成注冊(cè)界面的設(shè)計(jì)在處置用戶的輸入時(shí)〔如提交窗體時(shí)〕，Web窗體頁(yè)框架將用戶的輸入傳送給關(guān)聯(lián)的驗(yàn)證控件。驗(yàn)證控件測(cè)試用戶的輸入，并設(shè)置屬性以指示輸入能否經(jīng)過(guò)了驗(yàn)證測(cè)試。處置完一切的驗(yàn)證控件后，將設(shè)置頁(yè)上的IsValid屬性。假設(shè)有任何控件顯示驗(yàn)證檢查失敗，那么整頁(yè)設(shè)置為無(wú)效。假設(shè)驗(yàn)證控件有錯(cuò)誤，錯(cuò)誤信息可由該驗(yàn)證控件顯示在頁(yè)中，或者顯示在頁(yè)上其他地方的ValidationSummary控件中。當(dāng)頁(yè)的IsValid屬性為False時(shí)，顯示ValidationSummary控件。它輪詢頁(yè)上的每個(gè)驗(yàn)證控件，并聚合每個(gè)控件公開的文本音訊?？梢则?yàn)證的Web效力器控件見表4-6。前往上一頁(yè)表4-1各控件的初始屬性設(shè)置前往表4-2各驗(yàn)證控件的初始屬性設(shè)置前往下一頁(yè)表4-2各驗(yàn)證控件的初始屬性設(shè)置前往上一頁(yè)