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

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