第六章：驗證控件

1、 第6章 驗證控件 2 6.8 6.8 任務實現(xiàn)任務實現(xiàn) 6.6 6.6 正則表達式驗證控件正則表達式驗證控件 6.5 6.5 范圍驗證控件范圍驗證控件 6.4 6.4 比較驗證控件比較驗證控件 6.3 6.3 必須字段驗證控件必須字段驗證控件 6.2 6.2 驗證控件概述驗證控件概述 6.1 6.1 任務概述任務概述 6.7 6.7 驗證總結(jié)控件驗證總結(jié)控件 本章教學內(nèi)容 v驗證的基本概念 v必須字段驗證控件 v比較驗證控件 v范圍驗證控件 v正則表達式驗證控件 v驗證總結(jié)控件 v工作任務：增加驗證功能的用戶注冊動態(tài)頁面 3 6.1 任務概述 vASP.NET中還有一些具有特殊功能的控件，

2、本章要學的控件就具有驗證功能，這些驗 證功能在設(shè)計用戶注冊頁面時常常要用到。 v本章學完后，我們可以在用戶注冊頁面中 增加這些驗證控件，完善注冊頁面的功能。 4 6.2 驗證控件的作用 v用來檢驗數(shù)據(jù)的有效性用來檢驗數(shù)據(jù)的有效性 v輸入錯誤類型有兩種：輸入錯誤類型有兩種： 輸入了錯誤的數(shù)據(jù) 如：非合法用戶名、不正確的密碼 輸入了無效的數(shù)據(jù) 如：考試分數(shù)為負數(shù)，年齡200 v對于輸入錯誤的處理：對于輸入錯誤的處理： 輸入了錯誤的數(shù)據(jù)根據(jù)處理要求，編寫代碼判斷 輸入了無效的數(shù)據(jù)驗證控件檢查判斷 5 6.2 驗證控件的作用 v2客戶端驗證和服務器端驗證客戶端驗證和服務器端驗證 v 數(shù)據(jù)校驗有客戶端驗

3、證和服務器端驗證兩種方數(shù)據(jù)校驗有客戶端驗證和服務器端驗證兩種方 式式。 6 以javascript等腳本語言編寫的動態(tài)網(wǎng)頁采用的是客戶 端驗證的方式，直接利用IE進行客戶端驗證。 ASP.NET程序運行在服務器端，因此，采用服務器端驗證 方式。在服務器端完成驗證功能，可以在頁面的 開始處加上Page指令來指明： 6.2 驗證控件的作用 v2驗證結(jié)果 v 對于驗證結(jié)果是否 通過，專門提 供了一個方法，就是使 用page對象的IsValid 屬性來判斷。IsValid 為true，表示驗證通過； 為false，表示驗證未 通過，存在無效數(shù)據(jù)。 7 驗證通過的判斷語句： If IsValid The

4、n 驗證通過后的程序塊 End If 或 If Page.IsValid Then 驗證通過后的程序塊 End If 驗證未通過的判斷語句： If Not IsValid Then 驗證通過后的程序塊 End If 或 If Not Page.IsValid Then 驗證通過后的程序塊 End If IsValid的使用方法 Dreamweaver CS3中使用驗證控件概述中使用驗證控件概述 8 比較驗證控件比較驗證控件 范圍驗證控件范圍驗證控件 正則表達式驗證控件正則表達式驗證控件 必須字段驗證控件必須字段驗證控件 驗證總結(jié)控件驗證總結(jié)控件 6.3 必須字段驗證控件必須字段驗證控件 v檢查

5、規(guī)定必須輸入內(nèi)容的字段中是否已輸入。 v若沒有輸入，則驗證不通過，可以根據(jù)事先設(shè)置 的提示內(nèi)容給出警告； v若已經(jīng)輸入了，則驗證通過。 9 6.3 必須字段驗證控件必須字段驗證控件 v格式： 10 DW CS3中的必須字段驗證控件必須字段驗證控件 11 必須字段驗證控件必須字段驗證控件 v 例6-1.aspx：利用必須字段驗證控件檢驗用戶名是否已 輸入。 v （1）從“插入”菜單中選擇插入一個ASP.NET對象中的 標簽控件，標簽文本為“姓名：”。 v （2）在標簽旁邊插入一個ASP.NET的文本框控件。 v （3）在文本框控件旁邊，從“插入”菜單的“標簽”菜 單項中，選擇驗證服務器控件的 “

6、asp:RequiredFieldValidator”，單擊“插入”按鈕 后，彈出必須字段驗證控件的“標簽編輯器”對話框。 v （4）在對話框中，設(shè)置文本為“姓名不能為空”，要驗 證的控件輸入文本框ID值“textBox1”，錯誤信息輸入 “姓名字段必須輸入”。 v （5）在“姓名：”下插入一個按鈕，按鈕文本設(shè)為“提 交”，按鈕的onClick事件定義為“click”。 12 必須字段驗證控件必須字段驗證控件 v（6）在代碼窗口中錄入以下click事件處理代碼： Sub click(sender as object,e as eventargs) Response.write(您好！& tex

7、tBox1.text) End sub 13 6.4 比較驗證控件比較驗證控件 v比較兩個輸入字段中的內(nèi)容是否符合控件 中規(guī)定的關(guān)系。 v 格式為： v 14 DW CS3中的比較字段驗證控件比較字段驗證控件 15 6.4 比較驗證控件比較驗證控件 v 例6-2.aspx：建立一個用戶名和密碼的注冊頁面，使用 比較驗證控件驗證兩次密碼輸入是否相同。 v （1）首先放置3個ASP.NET對象中的標簽控件和3個 ASP.NET對象中的文本框控件。分別設(shè)定為“姓名”、 “密碼”和“再輸入一次”。用于輸入密碼的文本框設(shè)置 文本模式為“密碼”。 v （2）在第二個密碼框控件旁邊插入一個比較驗證控件， 因

8、為要和第一次輸入的密碼進行比較。因此“要比較的控 件”設(shè)為第一個密碼框，要驗證的控件是第二個密碼框。 v （3）在頁面中插入一個提交按鈕，按鈕的onClick事件 定義為“click”。 16 6.5 范圍驗證控件范圍驗證控件 v 范圍驗證控件（RangeValidator）用于驗證輸入的內(nèi)容 是否在規(guī)定的范圍內(nèi)。 v 格式為： 17 6.5 范圍驗證控件 v由于涉及范圍檢查，因此范圍驗證控件中增加了 關(guān)于范圍及范圍數(shù)據(jù)的類型。 v“MaximumValue”是范圍的最大值； “MinimumValue”是范圍的最小值限； “Type”的類型可以是字符、數(shù)值或日期等。 18 6.5 范圍驗證控

9、件 v 例6-3利用范圍驗證控件對年齡的輸入進行驗證 v （1）插入兩個ASP.NET對象中的標簽控件、兩個文本框 控件，分別定為“姓名”、“年齡”，插入提交按鈕， onclick事件定義為click； v （2）在年齡的文本框旁邊插入一個范圍驗證控件，年齡 范圍設(shè)為15-35歲；不符合時，文本現(xiàn)實為“年齡超出范 圍”，錯誤信息為“年齡必須在15到35之間” 19 6.6 正則表達式驗證控件正則表達式驗證控件 v對于一些復雜輸入域數(shù)據(jù)的驗證必須要利 用正則表達式驗證控件。 v正則表達式驗證控件：確保關(guān)聯(lián)輸入控件 的輸入值與某個正則表達式所定義的模式 相匹配 20 6.6 正則表達式驗證控件正則

10、表達式驗證控件 v 正則表達式是由普通字符和特殊字符組成的表達式。正則表達式中部 分特殊字符的含義如下表所示。 21 標 記含 義 .空格以外的任何字符 除去指定字符以外的其他字符 ?匹配前面的字符或子表達式零次或一次 *匹配前面的字符或子表達式零次或多次 +匹配前面的字符或子表達式一次或多次 d表示09的數(shù)字 D非數(shù)字匹配，不包含09的數(shù)字 |表示或 表示只匹配符號中的一個字符 對匹配字符個數(shù)限定。有3種方式：n表示最多匹配n個 字符；n,m表示最少匹配n個字符，最多匹配m個字符； n,表示最少匹配n個字符 6.6 正則表達式驗證控件正則表達式驗證控件 v 續(xù)表 22 標 記含 義 a-z表

11、示任意小寫字符 A-Z表示任意大寫字符 w匹配任何字類字符，包括下劃線 W任何非字字符匹配，等效于A-Za-z0-9 轉(zhuǎn)義字符，用于匹配一些特殊的字符，如、 （）、|、.、*等 6.6 正則表達式驗證控件正則表達式驗證控件 v 例如： 1. A-Za-z 只能匹配大寫或小寫的一個字母 2. abc 匹配a、b、c三個字母中的任意一個 3. 0-92-6 表示0-9之間的數(shù)字，最少2個，最多6個 4. 4 要求字符4以外的其他字符 5. .3 要求空格以外的任意3個字符 6. 1-9+ 要求1-9之間的數(shù)字，至少是1個，可以是多個 7. 1-9* 要求1-9之間的數(shù)字，可以是0個，也可以是多個

12、8. 1-9? 要求1-9之間的數(shù)字，可以是0個或1個 23 6.6 正則表達式驗證控件正則表達式驗證控件 v正則表達式的應用 v 當要求用戶輸入郵箱時，就可以用正則表達式 來構(gòu)造郵箱的輸入規(guī)則，以檢查用戶是否輸入了 郵箱。以下是一個郵箱的正則表達式示例。 24 當要求用戶輸入6位以上密碼，不超過10位，并 且密碼是由數(shù)字09、字母az和AZ以及下 劃線“_”構(gòu)成時，可以用如下的正則表達式： 0-9a-zA-Z_6,10 _0-9a-zA-Z+.0-9a-zA-Z+ 6.6 正則表達式驗證控件正則表達式驗證控件 v 格式為： v 屬性“ValidationExpression”用于定義驗證的正

13、則表達 式。 25 DW CS3中的正則表達式驗證控件正則表達式驗證控件 26 6.6 正則表達式驗證控件正則表達式驗證控件 v 例6-4用正則表達式驗證用戶輸入的郵箱格式是否正確。 v （1）插入一個標簽控件、一個文本框控件和一個按鈕。 標簽控件的文本為“郵箱”，按鈕文本為“提交”，按鈕 的onclick事件為“click”； v （2）在“郵箱”文本框旁邊插入一個正則表達式驗證控 件，并在“驗證表達式”中輸入郵箱的正則表達式，文本 為“郵箱不正確”。 v （3）在頁面輸入click事件代碼： 27 sub Click(sender as object, e as eventargs) re

14、sponse.write(“您輸入的郵箱是：” & textBox1.text) End sub 28 6.7 驗證總結(jié)控件驗證總結(jié)控件 v在一個表單中有很多驗證控件的時候，只 要其中的一個驗證沒有通過，那么這個頁 面的驗證就沒有通過（即IsValid=false）。 這時可采用驗證總結(jié)控件 （ValidationSummary）來集中給出驗證 結(jié)果，也就是錯誤消息列表。 29 6.7 驗證總結(jié)控件驗證總結(jié)控件 v驗證總結(jié)控件本身不提供任何驗證，但它可以和 前面講到過的其他控件一起使用，以集中給出驗 證結(jié)果。這些驗證結(jié)果就是在各個驗證控件中 ErrorMessage定義的出錯提示信息。 v格式為： 30 DW CS3中的驗證總結(jié)控件驗證總結(jié)控件 31 6.7 驗證總結(jié)控件驗證總結(jié)控件 v 例6-5 在例6-3的基礎(chǔ)上增加驗證總結(jié)控件顯示錯誤信息。 v （1）將姓名和年齡的輸入文本框分別加上必須字段驗證 控件。 v （2）在“提交”按鈕