《ASP NET》課件第五章 ASP.NET中的控件應(yīng)用

第五章ASP.NET中的控件應(yīng)用5.1Web服務(wù)器控件5.2驗(yàn)證控件5.1Web服務(wù)器控件5.1.1文本類型控件5.1.2按鈕類型控件5.1.3列舉類型控件5.1.1文本類型控件（1）標(biāo)簽控件（Label）Label控件的作用是在頁面上顯示文本信息，既可以顯示靜態(tài)文本，又可以通過代碼來設(shè)置該控件的Text屬性動(dòng)態(tài)顯示文本信息。Label控件的語法格式如下。<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label>Web服務(wù)器控件標(biāo)記以<asp:***>開始，表示是Web服務(wù)器控件。<asp:Label>表示該控件是Label控件，Text屬性值為顯示的靜態(tài)文本。備注：如僅為了顯示靜態(tài)文本，可直接在頁面上輸入文本，不需Label控件，因Web服務(wù)器控件會(huì)占用服務(wù)器資源；但需動(dòng)態(tài)變更文字，則可考慮用Label控件。5.1.1文本類型控件（2）文本框控件（TextBox）TextBox可以接收用戶輸入的文本?？丶恼Z法格式如下。<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>控件有ReadOnly屬性，表示是否是只讀的，F(xiàn)alse代表用戶可輸入字符串，true則表示不可以。TextMode屬性表示文本框類型，有單行、多行和密碼三種類型，SingleLine代表單行，MultiLine代表多行，Password代表密碼型。Wrap屬性表示是否自動(dòng)換行，True即自動(dòng)換行。Text屬性表示該文本框中的顯示文本。5.1.1文本類型控件【案例】Label控件和TextBox控件的使用5.1.2按鈕類型控件(1)普通按鈕（Button）Button控件接收用戶的單擊事件，調(diào)用事件處理程序。語法如下。<asp:ButtonID=”控件標(biāo)識(shí)符”Runat=”server”O(jiān)nClick=”事件處理程序名”Text=”單擊按鈕”/>OnClick屬性表示用戶點(diǎn)擊后調(diào)用的事件處理函數(shù)名。5.1.2按鈕類型控件(2)圖像按鈕（ImageButton）ImageButton具有普通按鈕的功能，此外它的外觀是以圖像展示。語法如下：<asp:ImageButtonID=”控件標(biāo)識(shí)符”Runat=”server”ImageUrl=”顯示圖像的源文件”O(jiān)nClick=”單擊處理事件程序名”Width=”圖像按鈕的寬度”Height=”圖像按鈕的高度”></asp:ImageButton>ImageUrl屬性表示按鈕上圖像文件的路徑及文件名。5.1.2按鈕類型控件(3)鏈接按鈕（LinkButton）LinkButton除了普通按鈕功能外，其外觀以超級(jí)鏈接的形式顯示。語法如下：<asp:LinkButtonID=”控件標(biāo)識(shí)符”Runat=”server”O(jiān)nClick=”單擊事件處理程序名” Height=”控件高度”Width=”控件寬度”Text=”默認(rèn)初始文本”></asp:LinkButton>5.1.2按鈕類型控件【案例】控件按鈕的使用5.1.3列舉類型控件（1）單選按鈕（RadioButton）控件RadioButton控件是一個(gè)單選按鈕控件，用戶只能從一組選項(xiàng)中選擇一項(xiàng)。當(dāng)在網(wǎng)頁中只需選擇一項(xiàng)時(shí)，可以使用該控件。其語法格式如下。<asp:RadioButtonID=”控件標(biāo)識(shí)符”Runat=”server”GroupName=”控件所屬組名”Text=”控件文本”AutoPostBack=”False|True”Checked=”False|True”O(jiān)nCheckedChanged=”控件被選中時(shí)觸發(fā)的事件處理程序名”></asp:RadioButton>提示：RadioButton必須設(shè)置GroupName屬性，否則所有的選項(xiàng)都可以被選中。即：當(dāng)且僅當(dāng)設(shè)置其GroupName屬性時(shí)，所屬同一組中的RadioButton控件在被選中時(shí)是互斥的?！景咐縍adioButton控件的使用5.1.3列舉類型控件（2）單選按鈕組（RadioButtonList）控件RadioButton控件在判斷同組內(nèi)的某一選項(xiàng)是否被選中時(shí)，必須通過判斷所有的RadioButton控件的Checked屬性，編程很麻煩。所以ASP.NET提供了RadioButtonList控件，可以方便地管理互斥選項(xiàng)。RadioButtonList控件語法如下：<asp:RadioButtonListID="RadioButtonList1"runat="server"></asp:RadioButtonList>幾個(gè)常用屬性：RepeatDirection屬性表示RadioButtonList控件的排列方式是水平的還是垂直的，Horizontal表示水平，Vertical表示垂直方式。DataSource=”綁定的數(shù)據(jù)源”O(jiān)nSelectedlndexChanged=”事件處理程序名”>其中的選項(xiàng)可以按照如下方式編寫： <asp:Listltem>選擇項(xiàng)1</asp:Listltem> <asp:Listltem>選擇項(xiàng)2</asp:Listltem>【案例】RadioButtonList控件的使用5.1.3列舉類型控件（3）復(fù)選按鈕（CheckBox）如果在多個(gè)選項(xiàng)中需要選擇項(xiàng)中需要選擇不止一個(gè)，可使用CheckBox控件，允許用戶進(jìn)行多項(xiàng)選擇。語法如下：<asp:CheckBoxID=”控件標(biāo)識(shí)符”Runat=”server”AutoPostBack=”False|True”Checked=”False|True”O(jiān)nCheckedChanged=”事件處理程序名”Text=”選擇項(xiàng)文本”></asp:CheckBox>【案例】CheckBox控件的使用5.1.3列舉類型控件（4）復(fù)選按鈕組（CheckBoxlist）CheckBox控件也有其自身的不足。即需要逐一判斷，給程序員帶來了麻煩。ASP.NET提供了CheckBoxList控件，判斷某項(xiàng)是否被選中時(shí)非常方便。CheckBoxList控件的語法如法如下。<asp:CheckBoxList ID=”控件標(biāo)識(shí)符”runat=”server”AutoPostBack=”False|True” DataSourceID=”控件綁定的數(shù)據(jù)源”RepeatDirection=”Vertical|Horizontal”RepeatLayout=”Table|Flow”><asp:Listltem>選項(xiàng)1</asp:Listltem><asp:Listltem>選項(xiàng)2<asp:Listltem></asp:CheckBoxList>【案例】CheckBoxList控件的使用5.1.3列舉類型控件（5）列表框（ListBox）控件ListBox也叫列表框，可將所有選項(xiàng)列舉出來讓用戶從中選擇，可選擇一項(xiàng)或多項(xiàng)。語法如下：<asp:ListBoxID=”控件表示符”Runat=”server”AutoPostBack=”FalseTrue”DataSource=”控件綁定的數(shù)據(jù)源”O(jiān)nSelectedlndexChanged=”事件處理程序名”SelectionMode=”Single|Multiple”> <asp:Listltem>選項(xiàng)1</asp:Listltem> <asp:Listltem>選項(xiàng)2</asp:Listltem></asp:ListBox>備注：SelectionMode屬性表示列表框控件中選項(xiàng)的選擇方式，即一次可以選擇一項(xiàng)或多項(xiàng)，默認(rèn)值為Single，一次只能選擇一項(xiàng)。如果要從列表框中選擇多項(xiàng)，只需將列表框控件的SelectionMode屬性設(shè)置為Multiple即可?！景咐縇istBox控件的使用5.1.3列舉類型控件（6）下拉列表框（DropDownList）控件DropDownList控件為下拉列表框控件，功能與ListBox類似，但只允許用戶選擇一項(xiàng)，與ListBox外觀也不同。語法如下：<asp:DropDownListID=”控件標(biāo)識(shí)符”runat=”server”Width=”寬度”Height=”高度”AutoPostBack=”|PalseTrue”DataSourceID=”控件綁定的數(shù)據(jù)源”><asp:Listltem>選項(xiàng)1</asp:Listltem><asp:Listltem>選項(xiàng)2</asp:Listltem></asp:DropDownList>【案例】DropDownList控件的使用5.2驗(yàn)證控件5.2.1必填驗(yàn)證控件5.2.2范圍驗(yàn)證控件5.2.3正則表達(dá)式驗(yàn)證控件5.2.4比較驗(yàn)證控件

5.2.5用戶自定義驗(yàn)證控件

5.2.6驗(yàn)證控件總和5.2.1必填驗(yàn)證控件必填驗(yàn)證控件用來驗(yàn)證那些必須輸入信息的控件中是否輸入了信息。例如用戶在登錄電子信箱時(shí)，賬戶名是必須輸入的。必填驗(yàn)證控件的語法格式如下。<asp:RequiredFieldValidatorID=”控件標(biāo)識(shí)符”Runat=”server”ControlToValidate=”要驗(yàn)證的控件名”Display=”Static|Dynamic|None”ErrorMessage=”要驗(yàn)證錯(cuò)誤的提示信息”></asp:RequiredFieldValidator>其中，ControlToValidate屬性是ReguiredFieldValidator控件要驗(yàn)證的控件，通常為文本框。Display屬性為顯示方式，默認(rèn)值為Static。ErrorMessage屬性為ReguiredFieldValidator控件驗(yàn)證出錯(cuò)時(shí)顯示的提示信息。

【案例】ReguiredFieldValidator控件的使用5.2.2范圍驗(yàn)證控件范圍驗(yàn)證控件用來驗(yàn)證輸入的信息是否在某個(gè)范圍內(nèi)，這個(gè)范圍可以通過屬性窗口設(shè)置，也可以使用其他控件中的值。范圍驗(yàn)證控件的語法格式如下。<asp:RangeValidatorID=”控件標(biāo)識(shí)符”runat=”server”ControlToValidate=”被驗(yàn)證的控制標(biāo)識(shí)符”

ErrorMessage=”驗(yàn)證錯(cuò)誤時(shí)的提示信息”

MaximumValue=”驗(yàn)證范圍最大值”MinimumValue=”驗(yàn)證范圍最小值”></asp:RangeValidator>屬性Type的值有”String|lnteger|Double|Date|Currency”，表示被驗(yàn)證的數(shù)據(jù)類型，默認(rèn)值為String類型?！景咐縍angeValidator的使用5.2.3正則表達(dá)式驗(yàn)證控件正則表達(dá)式驗(yàn)證控件用來驗(yàn)證用戶輸入的信息是否符合某種格式，防止輸入垃圾數(shù)據(jù)，應(yīng)用場(chǎng)景包括錄入身份證、電話、電子郵箱等。語法如下。<asp:RegularExpressionValidatorID=”控件標(biāo)識(shí)符”Runat=”server”ControlToValidate=”被驗(yàn)證的控件標(biāo)識(shí)符”

ErrorMessage=”驗(yàn)證錯(cuò)誤時(shí)的提示信息”ValidationExpression=”正則表達(dá)式”></asp:RegularExpressionValidator>ValidationExpression屬性用來設(shè)置正則表達(dá)式，該值可以由用戶自行設(shè)置，也可以通過屬性窗口設(shè)置。由于其中的規(guī)則較多，所以建議讀者使用屬性窗口設(shè)置。具體方法如下。1)在設(shè)計(jì)視圖選中RegularExpressionValidator控件，在其屬性窗口中單擊ValidationExpression屬性右邊的按鈕，打開如圖所示的“正則表達(dá)式編輯器”對(duì)話框。2)在“標(biāo)準(zhǔn)表達(dá)式”列表框中選擇需要的表達(dá)式，在“驗(yàn)證表達(dá)式”文本框中會(huì)出現(xiàn)相應(yīng)的驗(yàn)證表達(dá)式，然后單擊“確定”按鈕即可?！景咐縍egularExpressionValidator控件的使用5.2.4比較驗(yàn)證控件

比較驗(yàn)證控件用來驗(yàn)證被驗(yàn)證控件和某一固定值或其他控件值是否滿足某一邏輯關(guān)系。如驗(yàn)證兩次輸入的密碼是否一致，輸入的年齡是否大于18歲等。比較驗(yàn)證控件的語法格式如下。<asp:CompareValidator ID=”控件標(biāo)識(shí)符” Runat=”server” ControlToCompare=”被比較的控件標(biāo)識(shí)符“ ErrorMessage=”被驗(yàn)證的控件標(biāo)識(shí)符“ ErrorMessage=”驗(yàn)證錯(cuò)誤時(shí)的提示信息“ Operator=“Equal|NoEqual|GreaterThan|GreaterThanEqual| LessThanEqual| DataTypeCheck”></asp:CompareValidator>ControlToCompare屬性表示被比較的控件標(biāo)識(shí)符，即被驗(yàn)證的控件和ControlToCompare屬性所指的控件進(jìn)行比較。該屬性也可以用ValueToCompare屬性所指代，如果用ValueToCompare屬性，則表示和某一固定值比較。Operator表示被驗(yàn)證控件和被比較控件之間的邏輯關(guān)系，默認(rèn)值是Equal,表示相等，可以根據(jù)需要設(shè)置。

【案例】CompareValidator控件的使用5.2.5用戶自定義驗(yàn)證控件

用戶自定義驗(yàn)證控件是為了滿足特殊需求的控件。當(dāng)前述驗(yàn)證控件不能滿足需求時(shí)