項目四應用驗證控件

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