第章Web窗體的基本控件ppt課件

《第章Web窗體的基本控件ppt課件》由會員分享，可在線閱讀，更多相關《第章Web窗體的基本控件ppt課件（51頁珍藏版）》請在裝配圖網上搜索。

1、東鵬信息電子東鵬信息電子2第第 5 5 章章 Web Web 窗體的根本控件窗體的根本控件 第第 6 6 章章 Web Web 窗體的高級控件窗體的高級控件 3主講：主講：Jayce_ZouJayce_Zou4文本控件文本控件按鈕控件按鈕控件 復選框控件復選框控件 列表控件列表控件面板控件面板控件日歷控件日歷控件驗證控件驗證控件文件上傳控件文件上傳控件5每個控件都有一些公共屬性，例如字體顏色、邊框的顏色、款式等。屬性欄用來設置控件的屬性，當控件在頁面被初始化時，這些將被運用到控件?？丶膶傩砸部梢酝?過編程的方法在頁面相應代碼區域編寫：protected void Page_Load(obje

2、ct sender,EventArgs e)/在Page_Load中設置Label1的可見性Label1.Visible=false;6在在 Web Web 運用中，希望顯式的文本不能被用戶更改，或者當觸發事件運用中，希望顯式的文本不能被用戶更改，或者當觸發事件時，某一段文本可以在運轉時更改，時，某一段文本可以在運轉時更改，那么可以運用標簽控件那么可以運用標簽控件LabelLabel 例如代碼如下所示：例如代碼如下所示：asp:Label ID=Label1 runat=server Text=Label標簽控件的屬性可以在相應的標簽控件的屬性可以在相應的.cs.cs代碼中初始化，例如代碼：代

3、碼中初始化，例如代碼：Label1.Text=Label1.Text=“Hello WorldHello World;/標簽賦值標簽賦值 Label1.Text=Hello WorldLabel1.Text=Hello WorldA Html Code;A Html Code;/輸出輸出 HTML HTML Label1.Font.Size=FontUnit.XXLarge;Label1.Font.Size=FontUnit.XXLarge;/設置字體大設置字體大小小7超鏈接控件相當于實現了超鏈接控件相當于實現了HTMLHTML代碼中的代碼中的“a href=效果效果 例如代碼如下所示例如代碼

4、如下所示:asp:HyperLink ID=HyperLink1 HyperLinkrunat=serverHyperLink超鏈接控件通常運用的兩個屬性：超鏈接控件通常運用的兩個屬性：ImageUrlImageUrl：要顯式圖像的：要顯式圖像的 URL URL。NavigateUrlNavigateUrl：要跳轉的：要跳轉的 URL URL。8圖像控件用來在圖像控件用來在 Web Web 窗體中顯示圖像，圖像控件常用的屬性：窗體中顯示圖像，圖像控件常用的屬性：AlternateTextAlternateText：在圖像無法顯式時顯示的備用文本。：在圖像無法顯式時顯示的備用文本。ImageAl

5、ignImageAlign：圖像的對齊方式。：圖像的對齊方式。ImageUrlImageUrl：要顯示圖像的：要顯示圖像的 URL URL。例如代碼如下所示：例如代碼如下所示：asp:Image ID=Image1 runat=server ImageUrl=shangducms/images/cms.jpg/同樣，同樣，HTML HTML 中也可以運用中也可以運用img src=來替代圖像控件來替代圖像控件 留意：當雙擊圖像控件時，系統并沒有生成事件所需求的代碼段，這闡明留意：當雙擊圖像控件時，系統并沒有生成事件所需求的代碼段，這闡明 Image Image 控件不支持任何事件?？丶恢С秩?/p>

6、何事件。9默許的文本控件默許的文本控件TextBoxTextBox是一個單行的文本框，用戶只能在文本是一個單行的文本框，用戶只能在文本框中輸入一行內容?？蛑休斎胍恍袃热?。經過修正該屬性，那么可以將文本框設置為多行經過修正該屬性，那么可以將文本框設置為多行/或者是以密碼方式或者是以密碼方式顯示。顯示。文本框控件常用的控件屬性如下所示：文本框控件常用的控件屬性如下所示：AutoPostBackAutoPostBack：在文本修正以后，能否自動重傳：在文本修正以后，能否自動重傳ColumnsColumns：文本框的寬度。：文本框的寬度。EnableViewStateEnableViewState：控

7、件能否自動保管其形狀以用于往返過程。：控件能否自動保管其形狀以用于往返過程。MaxLengthMaxLength：用戶輸入的最大字符數。：用戶輸入的最大字符數。ReadOnlyReadOnly：能否為只讀。：能否為只讀。RowsRows：作為多行文本框時所顯式的行數。：作為多行文本框時所顯式的行數。TextModeTextMode：文本框的方式，設置單行，多行或者密碼。：文本框的方式，設置單行，多行或者密碼。WrapWrap：文本框能否換行。：文本框能否換行。10asp:TextBox ID=TextBox2 runat=server Height=101px TextMode=MultiLi

8、ne Width=325pxasp:TextBox ID=TextBox3 runat=server“TextMode=Password11在在 ASP.NET ASP.NET 中，包含三類按鈕控件，分別為中，包含三類按鈕控件，分別為 Button Button、LinkButtonLinkButton、ImageButtonImageButton。下面的語句聲明了三種按鈕，例如代碼如下所示。下面的語句聲明了三種按鈕，例如代碼如下所示。/普通的按鈕普通的按鈕/Link/Link 類型的按鈕類型的按鈕asp:LinkButton ID=LinkButton1LinkButtonrunat=ser

9、verLinkButton/圖像類型的按圖像類型的按鈕鈕 12單項選擇控件可以為用戶選擇某一個選項，單項選擇控件常用屬性如下所示單項選擇控件可以為用戶選擇某一個選項，單項選擇控件常用屬性如下所示。CheckedChecked：控件能否被選中。：控件能否被選中。GroupNameGroupName：單項選擇控件所處的組名。：單項選擇控件所處的組名。TextAlignTextAlign：文本標簽相對于控件的對齊方式。：文本標簽相對于控件的對齊方式。13與單項選擇控件一樣，單項選擇組控件也是只能選擇一個工程的控件，而與與單項選擇控件一樣，單項選擇組控件也是只能選擇一個工程的控件，而與單項選擇控件不同

10、的是，單項選擇組控件沒有單項選擇控件不同的是，單項選擇組控件沒有 GroupName GroupName 屬性，但是卻可屬性，但是卻可以列出多個單項選擇工程。以列出多個單項選擇工程。添加工程后，系統自動在添加工程后，系統自動在.aspx.aspx 頁面聲明效力器控件代碼，代碼如下所示：頁面聲明效力器控件代碼，代碼如下所示：Choose1Choose1Choose2Choose2Choose3Choose3常用屬性如下所示：常用屬性如下所示：ItemsItems：列表中項的集合。：列表中項的集合。RepeatColumnRepeatColumn：用于規劃項的列數。：用于規劃項的列數。Repeat

11、DirectionRepeatDirection：項的規劃方向。：項的規劃方向。TextText：選擇的控件的值：選擇的控件的值 14同單項選擇框控件一樣，復選框也是經過同單項選擇框控件一樣，復選框也是經過 Check Check 屬性判別能否被選屬性判別能否被選擇，而不同的是，復選框控件沒有。擇，而不同的是，復選框控件沒有。GroupName GroupName 屬性，例如代碼如下所示：屬性，例如代碼如下所示：asp:CheckBox ID=CheckBox1 runat=server Text=Check1AutoPostBack=true/asp:CheckBox ID=CheckBox

12、2 runat=server Text=Check2 AutoPostBack=true/15同單項選擇組控件一樣，為了方便復選控件的運用，同單項選擇組控件一樣，為了方便復選控件的運用，.NET.NET 效力器控效力器控件中同樣包括了復選組控件，拖動一個件中同樣包括了復選組控件，拖動一個 復選組控件到頁面可以同單復選組控件到頁面可以同單項選擇組控件一樣添加復選組列表。項選擇組控件一樣添加復選組列表。添加在頁面后，系統生成代碼如下所示：添加在頁面后，系統生成代碼如下所示：asp:CheckBoxList ID=CheckBoxList1 runat=server Choose1Choose1Ch

13、oose2Choose2Choose3Choose316列表控件能在一個控件中為用戶提供多個選項，同時又可以防止用戶列表控件能在一個控件中為用戶提供多個選項，同時又可以防止用戶輸入錯誤的選項。輸入錯誤的選項。例如，在用戶注冊時，可以選擇性別是男，或者女，就可以運用例如，在用戶注冊時，可以選擇性別是男，或者女，就可以運用 DropDownList DropDownList 列表控件，同時又防止了用戶輸入其他的信息。列表控件，同時又防止了用戶輸入其他的信息。以下語句聲明了一個以下語句聲明了一個 DropDownList DropDownList 列表控件，例如代碼如下所示：列表控件，例如代碼如下所

14、示：11223344556677 17ListBox ListBox 控件可以指定用戶能否允許多項選擇?？丶梢灾付ㄓ脩裟芊裨试S多項選擇。設置設置 SelectionMode SelectionMode 屬屬 性為性為 Single Single 時，闡明只允許用戶從列表框時，闡明只允許用戶從列表框中選擇一個工程，而當中選擇一個工程，而當 SelectionMode SelectionMode 屬性的值為屬性的值為 Multiple Multiple 時，時，用戶可以從列表中選擇多個數據項。用戶可以從列表中選擇多個數據項。當創建一個當創建一個 ListBox ListBox 列表控件后，開發人

15、員可以在控件中添加所需列表控件后，開發人員可以在控件中添加所需的工程，添加完成后例如代碼如下所示：的工程，添加完成后例如代碼如下所示：asp:ListBox ID=ListBox1 runat=server Width=px AutoPostBack=True11223344556618BulleteList BulleteList 控件可呈現工程符號或編號?？丶沙尸F工程符號或編號。BulletedList BulletedList 可以經過設置可以經過設置 BulletStyle BulletStyle 屬性來編輯列表前的符號屬性來編輯列表前的符號款式款式 ：CircleCircle：工程

16、符號設置為：工程符號設置為。CustomImageCustomImage：工程符號為自定義圖片。：工程符號為自定義圖片。DiscDisc：工程符號設置為：工程符號設置為。LowerAlphaLowerAlpha：工程符號為小寫字母格式，如：工程符號為小寫字母格式，如 a a、b b、c c 等。等。LowerRomanLowerRoman：工程符號為羅馬數字格式，如：工程符號為羅馬數字格式，如 i i、ii ii 等。等。NotSetNotSet：表示不設置，此時將以：表示不設置，此時將以 Disc Disc 款式為默許款式?？钍綖槟S款式。NumberedNumbered：工程符號為：工程符

17、號為 1 1、2 2、3 3、4 4 等。等。SquareSquare：工程符號為黑方塊：工程符號為黑方塊。UpperAlphaUpperAlpha：工程符號為大寫字母格式，如：工程符號為大寫字母格式，如 A A、B B、C C 等。等。UpperRomanUpperRoman：工程符號為大寫羅馬數字格式如：工程符號為大寫羅馬數字格式如、等。等。19面板控件就好似是一些控件的容器，可以將一些控件包含在面板控件面板控件就好似是一些控件的容器，可以將一些控件包含在面板控件內，然后對面板控制進展操作來內，然后對面板控制進展操作來 設置在面板控件內的一切控件是顯設置在面板控件內的一切控件是顯示還是隱藏

18、，從而到達設計者的特殊目的。示還是隱藏，從而到達設計者的特殊目的。當創建一個面板控件時，系統會生成相應的當創建一個面板控件時，系統會生成相應的 HTML HTML 代碼，例如代碼如代碼，例如代碼如下所示：下所示：20asp:Label ID=Label1 runat=server Text=Name:style=font-size:xx-largeThis is a Panel!This is a Panel!上述代碼創建了一個上述代碼創建了一個 Panel Panel 控件，控件，Panel Panel 控件默許屬性為隱藏，并在控件控件默許屬性為隱藏，并在控件外創建了一個外創建了一個 But

19、ton Button 控件控件Button1Button1，單擊按鈕控件后將顯示，單擊按鈕控件后將顯示 Panel Panel 控件，控件，cs cs 代碼如下所示：代碼如下所示：protected void Button1_Click(object sender,EventArgs e)protected void Button1_Click(object sender,EventArgs e)Panel1.Visible=true;Panel1.Visible=true;/Panel/Panel 控件顯示可見控件顯示可見 21Panel Panel 控件還包含一個控件還包含一個 Group

20、Text GroupText 屬性，當屬性，當 Panel Panel 控件的控件的 GroupText GroupText 屬性被設置時，屬性被設置時，Panel Panel 將會被創建一個帶標題的分組框，將會被創建一個帶標題的分組框，效果如圖效果如圖:22日歷控件通常在博客、論壇等程序中運用，日歷控件不僅僅只是顯式日歷控件通常在博客、論壇等程序中運用，日歷控件不僅僅只是顯式了一個日歷，用戶還可以經過日歷控件進展時間的選取。了一個日歷，用戶還可以經過日歷控件進展時間的選取。在在 ASP.NET ASP.NET 中，日歷控件還可以和數據庫進展交互操作，實現復雜中，日歷控件還可以和數據庫進展交互

21、操作，實現復雜的數據綁定。的數據綁定。例如代碼如下所示例如代碼如下所示:23常用的日歷控件的屬性如下所示：常用的日歷控件的屬性如下所示：DayHeaderStypeDayHeaderStype：月歷中顯示一周中每一天的稱號和部：月歷中顯示一周中每一天的稱號和部分的款式。分的款式。DayStyleDayStyle：所顯示的月份中各天的款式。：所顯示的月份中各天的款式。NextPrevStyleNextPrevStyle：標題欄左右兩端的月導航所在部分的款：標題欄左右兩端的月導航所在部分的款式。式。OtherMonthDayStyleOtherMonthDayStyle：上一個月和下一個月的款式。

22、：上一個月和下一個月的款式。SelectedDayStyleSelectedDayStyle：選定日期的款式。：選定日期的款式。SelectorStyleSelectorStyle：位于月歷控件左側，包含用于選擇一周：位于月歷控件左側，包含用于選擇一周或整個月的銜接的列款式?；蛘麄€月的銜接的列款式。ShowDayHeaderShowDayHeader：顯示或隱藏一周中的每一天的部分。：顯示或隱藏一周中的每一天的部分。ShowGridLinesShowGridLines：顯示或隱藏一個月中的每一天之間的：顯示或隱藏一個月中的每一天之間的網格線。網格線。ShowNextPrevMonthShowN

23、extPrevMonth：顯示或隱藏到下一個月或上一：顯示或隱藏到下一個月或上一個月的導航控件。個月的導航控件。ShowTitleShowTitle：顯示或隱藏標題部分。：顯示或隱藏標題部分。TitleStyleTitleStyle：位于月歷頂部，包含月份稱號和月導航銜接：位于月歷頂部，包含月份稱號和月導航銜接的標題欄款式。的標題欄款式。TodayDayStyleTodayDayStyle：當前日期的款式。：當前日期的款式。WeekendDayStyleWeekendDayStyle：周末日期的款式。：周末日期的款式。2425同一切的控件一樣，日歷控件也包含本身的事件，常用的同一切的控件一樣，

24、日歷控件也包含本身的事件，常用的日歷控件的事件包括有：日歷控件的事件包括有：DayRenderDayRender：當日期被顯示時觸發該事件。：當日期被顯示時觸發該事件。SelectionChangedSelectionChanged：當用戶選擇日期時觸發該事件。：當用戶選擇日期時觸發該事件。VisibleMonthChangedVisibleMonthChanged：當所顯示的月份被更改時觸發：當所顯示的月份被更改時觸發該事件。該事件。26廣告控件必需放置在廣告控件必需放置在 Form Form 或或 Panel Panel 控件，以及模板內?？丶?，以及模板內。廣告控件需求包含圖像的地址的廣告

25、控件需求包含圖像的地址的 XML XML 文件。文件。并且該文件用來指定每并且該文件用來指定每個廣告的導航銜接。個廣告的導航銜接。廣告控件最常用的屬性就是廣告控件最常用的屬性就是 AdvertisementFile AdvertisementFile，運用它來配置相應，運用它來配置相應的的 XML XML 文件，所以必需首先按照規范格式創建一個文件，所以必需首先按照規范格式創建一個 XML XML 文件，如圖文件，如圖 :27shangducms/images/cms.jpgshangducms/images/cms.jpgshangducmsshangducms我的網站我的網站softwar

26、esoftware100100shangducms/images/hello.jpgshangducms/images/hello.jpgshangducmsshangducms我的網站我的網站softwaresoftware10010028規范的廣告控件的規范的廣告控件的 XML XML 數據源格式，其中各標簽意義如下所示：數據源格式，其中各標簽意義如下所示：ImageUrlImageUrl：指定一個圖片文件的相對途徑或絕對途徑：指定一個圖片文件的相對途徑或絕對途徑NavigateUrlNavigateUrl：將用戶發送到該頁面。：將用戶發送到該頁面。AlternateTextAlterna

27、teText：該元素用來替代：該元素用來替代 IMG IMG 中的中的 ALT ALT 元素。元素。KeyWordKeyWord：KeyWord KeyWord 用來指定廣告的類別。用來指定廣告的類別。ImpressionImpression：該元素是一個數值，指示輪換時間表中該廣告相對于文件：該元素是一個數值，指示輪換時間表中該廣告相對于文件中的其他廣告的權重。中的其他廣告的權重。29asp:Button ID=Button1 runat=server Text=/protected void Button1_Click(object sender,EventArgs e)protected

28、 void Button1_Click(object sender,EventArgs e)/上傳文件另存為上傳文件另存為FileUpload1.PostedFile.SaveAs(Server.MapPath(upload/beta.jpg);FileUpload1.PostedFile.SaveAs(Server.MapPath(upload/beta.jpg);30protected void Button1_Click(object sender,EventArgs e)protected void Button1_Click(object sender,EventArgs e)if(

29、FileUpload1.HasFile)if(FileUpload1.HasFile)/假設存在文件假設存在文件 /獲取文件擴展名獲取文件擴展名string fileExtension=string fileExtension=System.IO.Path.GetExtension(FileUpload1.FileName);System.IO.Path.GetExtension(FileUpload1.FileName);if(fileExtension!=.jpg)if(fileExtension!=.jpg)/假設擴展名不等于假設擴展名不等于 jpg jpg 時時 /提示用戶重新上傳提示

30、用戶重新上傳 Label1.Text=Label1.Text=文件上傳類型不正確，請上傳文件上傳類型不正確，請上傳 jpg jpg 格式格式;elseelse /文件保管文件保管FileUpload1.PostedFile.SaveAs(Server.MapPath(upload/beta.jpg);FileUpload1.PostedFile.SaveAs(Server.MapPath(upload/beta.jpg);Label1.Text=Label1.Text=文件上傳勝利文件上傳勝利;/提示用戶勝利提示用戶勝利 31值得留意的是，上傳的文件在值得留意的是，上傳的文件在.NET.NET

31、 中，默許上傳文件最大為中，默許上傳文件最大為 4M 4M 左右，不左右，不能上傳超越該限制的任何內容。當然，開發人員可以經過配置能上傳超越該限制的任何內容。當然，開發人員可以經過配置.NET.NET 相應的相應的配置文件來更改此限制，但是引薦不要更改此限制，否那么能夠呵斥潛在的配置文件來更改此限制，但是引薦不要更改此限制，否那么能夠呵斥潛在的平安要挾。平安要挾。留意留意 ：假設需求更改默許上傳文件大小的值，通?？梢灾苯有拚娣旁诩僭O需求更改默許上傳文件大小的值，通?？梢灾苯有拚娣旁?C:WINDOWSMicrosoft.NETFrameWorkV2.0.50727CONFIGC:WINDO

32、WSMicrosoft.NETFrameWorkV2.0.50727CONFIG的的ASP.NET 2.0 ASP.NET 2.0 配置文件，經過修正文件中的配置文件，經過修正文件中的maxRequestLength maxRequestLength 標簽的值，或者可以經過標簽的值，或者可以經過 web.config web.config 來覆蓋配置文件。來覆蓋配置文件。32通常，表不僅用來顯示表格的信息，還是一種傳統的規劃網通常，表不僅用來顯示表格的信息，還是一種傳統的規劃網頁的方式，創建網頁表格有如下幾種方式：頁的方式，創建網頁表格有如下幾種方式：HTML HTML 格式的表格：如格式的表

33、格：如標志顯示的靜態表格。標志顯示的靜態表格。HtmlTable HtmlTable 控件：將傳統的控件：將傳統的控件經過添加控件經過添加 runat=server runat=server 屬性將其轉換為效力器控件。屬性將其轉換為效力器控件。Table Table 表格控件：就是本節引見的表格控件。表格控件：就是本節引見的表格控件。雖然創建表格有以上三種創建方法，但是引薦開發人員在運雖然創建表格有以上三種創建方法，但是引薦開發人員在運用靜態表格，當不需求對表格做任何邏輯事物處置時，最好用靜態表格，當不需求對表格做任何邏輯事物處置時，最好運用運用 HTML HTML 格式的表格，由于這樣可以極

34、大的降低頁面邏格式的表格，由于這樣可以極大的降低頁面邏輯、加強性能。輯、加強性能。33表格控件可以自動生成代碼，但是不能生成行和列，必需經過表格控件可以自動生成代碼，但是不能生成行和列，必需經過 TableRow TableRow 創建行，創建行，經過經過 TableCell TableCell 來創建列，例如代碼：來創建列，例如代碼：asp:Table ID=Table1 runat=server Height=121px Width=177px1.11.11.21.21.31.31.41.42.12.12.22.22.32.32.42.4 34當創建了一個導游控件時，系統會自動生成導游控當

35、創建了一個導游控件時，系統會自動生成導游控件的件的 HTML HTML 代碼，例如代碼如下所示：代碼，例如代碼如下所示：asp:WizardStep runat=server title=Step 1asp:WizardStep runat=server title=Step 235HeaderTextHeaderText：設置步驟的標題：設置步驟的標題DisplayCancelButtonDisplayCancelButton：能否顯示一個取消按鈕：能否顯示一個取消按鈕模板屬性：模板屬性：StartNavigationTemplateStartNavigationTemplate：該屬性指定

36、為：該屬性指定為 Wizard Wizard 控件的控件的 Start Start 步驟中的導航區域顯示自定義內容。步驟中的導航區域顯示自定義內容。FinishNavigationTemplateFinishNavigationTemplate：該屬性為：該屬性為 Wizard Wizard 控件的控件的 Finish Finish 步驟中的導航區域指定自定義內容。步驟中的導航區域指定自定義內容。StepNavigationTemplateStepNavigationTemplate：該屬性為：該屬性為 Wizard Wizard 控件的控件的 Step Step 步驟中的導航區域指定自定義內

37、容。步驟中的導航區域指定自定義內容。SideBarTemplateSideBarTemplate：該屬性為：該屬性為 Wizard Wizard 控件的側欄區域中指控件的側欄區域中指定自定義內容。定自定義內容。36表單驗證控件表單驗證控件RequiredFieldValidatorRequiredFieldValidator 比較驗證控件比較驗證控件CompareValidatorCompareValidator 范圍驗證控件范圍驗證控件RangeValidatorRangeValidator 正那么驗證控件正那么驗證控件RegularExpressionValidatorRegularExp

38、ressionValidator 自定義邏輯驗證控件自定義邏輯驗證控件CustomValidatorCustomValidator 驗證組控件驗證組控件ValidationSummaryValidationSummary 37運用運用 RequiredFieldValidator RequiredFieldValidator 控件可以指定某個用戶在特定的控件中必需提供相應的信息，假設不填寫控件可以指定某個用戶在特定的控件中必需提供相應的信息，假設不填寫相應的信息，相應的信息，RequiredFieldValidator RequiredFieldValidator 控件就會提示錯誤信息，控件就

39、會提示錯誤信息，RequiredFieldValidator RequiredFieldValidator 控件例如代碼控件例如代碼：姓名姓名:asp:RequiredFieldValidator ID=RequiredFieldValidator1 runat=server 密碼密碼:38比較驗證控件對照特定的數據類型來驗證用戶的輸入。比較驗證控件對照特定的數據類型來驗證用戶的輸入。CompareValidator CompareValidator 控件的特有屬性如下所示：控件的特有屬性如下所示：ControlToCompareControlToCompare：以字符串方式輸入的表達式。要與

40、另一控件的值：以字符串方式輸入的表達式。要與另一控件的值進展比較。進展比較。OperatorOperator：要運用的比較。：要運用的比較。TypeType：要比較兩個值的數據類型。：要比較兩個值的數據類型。ValueToCompareValueToCompare：以字符串方式輸入的表達式。：以字符串方式輸入的表達式。39密碼密碼:確認確認:asp:CompareValidator ID=CompareValidator1 runat=server Operator=GreaterThan Type=Date40范圍驗證控件范圍驗證控件RangeValidatorRangeValidator可

41、以檢查用戶的輸入能否在指定的上限與下限之間?？梢詸z查用戶的輸入能否在指定的上限與下限之間。通常情況下用于通常情況下用于 檢查數字、日期、貨幣等。檢查數字、日期、貨幣等。常用屬性如下所示：常用屬性如下所示：MinimumValueMinimumValue：指定有效范圍的最小值。：指定有效范圍的最小值。MaximumValueMaximumValue：指定有效范圍的最大值。：指定有效范圍的最大值。TypeType：指定要比較的值的數據類型。：指定要比較的值的數據類型。41請輸入生日請輸入生日:asp:TextBox ID=TextBox1:runat=serverasp:RangeValidato

42、r ID=RangeValidator1 runat=server MaximumValue=2021/1/1 MinimumValue=1990/1/1 Type=Date 42正那么驗證控件正那么驗證控件RegularExpressionValidatorRegularExpressionValidator常用的屬性是常用的屬性是 ValidationExpressionValidationExpression，它用來指定用于驗證的輸入控件的正那么，它用來指定用于驗證的輸入控件的正那么表達式。表達式?？蛻舳说恼敲幢磉_式驗證語法和效力端的正那么表達式驗證語法不客戶端的正那么表達式驗證語法和

43、效力端的正那么表達式驗證語法不同，由于在客戶端運用的是同，由于在客戶端運用的是 JSript JSript 正那么表達式語法，而在效力器正那么表達式語法，而在效力器端運用的是端運用的是 Regex Regex 類提供的正那么表達式語法。類提供的正那么表達式語法。運用正那么表達式可以實現強大字符串的匹配并驗證用戶的輸入的格運用正那么表達式可以實現強大字符串的匹配并驗證用戶的輸入的格式能否正確，系統提供了一些常用的正那么表達式，式能否正確，系統提供了一些常用的正那么表達式，開發人員可以開發人員可以選擇相應的選項進展規那么挑選，如圖選擇相應的選項進展規那么挑選，如圖 ：43中選擇了正那么表達式后，系

44、統自動生成的中選擇了正那么表達式后，系統自動生成的 HTML HTML 代碼如下所示。代碼如下所示。郵郵件：件：asp:RegularExpressionValidator ID=44自定義邏輯驗證控件自定義邏輯驗證控件CustomValidatorCustomValidator允許運用自定義的驗證邏輯創建驗證控件允許運用自定義的驗證邏輯創建驗證控件。例如，可以創建一個驗證控件判別用戶輸入的能否包含例如，可以創建一個驗證控件判別用戶輸入的能否包含“.號，例如代碼如下所示號，例如代碼如下所示:protected void CustomValidator1_ServerValidate(objec

45、t source,protected void CustomValidator1_ServerValidate(object source,ServerValidateEventArgs args)ServerValidateEventArgs args)/設置驗證程序，并前往布爾值設置驗證程序，并前往布爾值args.IsValid=args.Value.ToString().Contains(.);args.IsValid=args.Value.ToString().Contains(.);protected void Button1_Click(object sender,EventArg

46、s e)/protected void Button1_Click(object sender,EventArgs e)/用戶自定義驗證用戶自定義驗證 if(Page.IsValid)if(Page.IsValid)/判別能否驗證經過判別能否驗證經過 Label1.Text=Label1.Text=驗證經過驗證經過;/輸出驗證經過輸出驗證經過 elseelse Label1.Text=Label1.Text=輸入格式錯誤輸入格式錯誤;/提交失敗信息提交失敗信息 45驗證組控件驗證組控件ValidationSummaryValidationSummary可以對同一頁面的多個控件進展驗證?？梢詫ν?/p>

47、一頁面的多個控件進展驗證。同時，驗證組控件同時，驗證組控件ValidationSummaryValidationSummary經過經過 ErrorMessage ErrorMessage 屬性為頁面上的每個驗證控件顯式錯誤屬性為頁面上的每個驗證控件顯式錯誤信息。信息。驗證組控件驗證組控件ValidationSummaryValidationSummary的常用屬性如下所示的常用屬性如下所示:DisplayModeDisplayMode：摘要可顯示為列表，工程符號列表或單個段落。：摘要可顯示為列表，工程符號列表或單個段落。HeaderTextHeaderText：標題部分指定一個自定義標題。：標

48、題部分指定一個自定義標題。ShowMessageBoxShowMessageBox：能否在音訊框中顯示摘要。：能否在音訊框中顯示摘要。ShowSummaryShowSummary：控制是顯示還是隱藏：控制是顯示還是隱藏 ValidationSummary ValidationSummary 控件?？丶?。46姓名姓名:asp:RequiredFieldValidator ID=RequiredFieldValidator1 身份證身份證:asp:RegularExpressionValidator ID=RegularExpressionValidator1 lidator47例如代碼：例如代碼

49、：在創建站點地圖之前，首先需求創建在創建站點地圖之前，首先需求創建ASP.NET SITE MAP ASP.NET SITE MAP 的的XMLXML文件文件。siteMap xmlns=schemas.microsoft/AspNet/SiteMap-File-1.0 siteMapNode url=Default.aspx title=siteMapNode url=Default2.aspx title=/siteMapNode url=Default3.aspx title=/48提供在用戶將鼠標指針懸停在某一項時彈出附加子菜單的程度或垂直提供在用戶將鼠標指針懸停在某一項時彈出附加子菜

50、單的程度或垂直用戶界面。用戶界面。asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=asp:MenuItem Text=49asp:TreeNode Text=asp:TreeNode Text=asp:TreeNode Text=asp:TreeNode Text=asp:TreeNode Text=asp:TreeNode Text=asp:TreeNod

51、e Text=asp:TreeNode Text=50隱藏輸入框控件隱藏輸入框控件HiddenFieldHiddenField HiddenField HiddenField 控件就是隱藏輸入框控件，用來保管那些不需求控件就是隱藏輸入框控件，用來保管那些不需求顯示在頁面上的對平安性要求不高的數據。顯示在頁面上的對平安性要求不高的數據。圖片熱點控件圖片熱點控件ImageMapImageMap ImageMap ImageMap 控件是一個讓他可以在圖片上定義熱點控件是一個讓他可以在圖片上定義熱點HotSpotHotSpot區域的效力器控件。區域的效力器控件。靜態標簽控件靜態標簽控件LieralL

52、ieral 通常情況下通常情況下 Lieral Lieral 控件無需添加任何控件無需添加任何 HTML HTML 元素即可將靜態元素即可將靜態文本呈如今網頁上。文本呈如今網頁上。51 本章講解了本章講解了 ASP.NET ASP.NET 中常用的控件，對于這些控件，可以極大的提高開中常用的控件，對于這些控件，可以極大的提高開發人員的效率，對于開發人員而言，可以直接拖動控件來完成運用的目的。發人員的效率，對于開發人員而言，可以直接拖動控件來完成運用的目的。本章還引見了：本章還引見了：控件的屬性：引見了控件的屬性?？丶膶傩裕阂娏丝丶膶傩?。簡單控件：引見了標簽控件等簡單控件。簡單控件：引見了標簽控件等簡單控件。文本框控件：引見了文本框控件。文本框控件：引見了文本框控件。按鈕控件：引見了按鈕控件的實現和按鈕事件的運轉過程。按鈕控件：引見了按鈕控件的實現和按鈕事件的運轉過程。單項選擇控件和單項選擇組控件：引見了單項選擇控件和單項選擇組控件。單項選擇控件和單項選擇組控件：引見了單項選擇控件和單項選擇組控件。復選框控件和復選組控件：引見了復選框控件和復選組控件。復選框控件和復選組控件：引見了復選框控件和復選組控件。