版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
-1-掌握ASP.NET服務(wù)器控件的種類掌握常用Web服務(wù)器控件的使用了解Web服務(wù)器控件和HTML控件的區(qū)別掌握常用的驗(yàn)證控件的使用目標(biāo)-2-服務(wù)器控件-1ASP.NET控件是組成頁(yè)面的重要元素,不同的控件經(jīng)過(guò)組合之后,可以完成頁(yè)面中各種復(fù)雜功能的實(shí)現(xiàn)。按照控件是運(yùn)行在服務(wù)器端還是運(yùn)行在客戶端可以將控件分為兩大類:客戶端控件就是通常所說(shuō)的HTML控件,它運(yùn)行在客戶端。服務(wù)器控件是帶有“runat="server"”標(biāo)記的控件,它運(yùn)行在服務(wù)器端。
注意:客戶端控件可以實(shí)現(xiàn)純客戶端的功能,服務(wù)器控件可以完成用戶與網(wǎng)站的數(shù)據(jù)交互
-3-服務(wù)器控件-2服務(wù)器控件是微軟在ASP.NET提出的,服務(wù)器控件在服務(wù)器端解析成對(duì)應(yīng)的HTML控件,再返回給客戶端ASP.NET服務(wù)器控件具有如下幾個(gè)特點(diǎn):保存視圖狀態(tài)公共對(duì)象模型簡(jiǎn)單用戶定制創(chuàng)建瀏覽器特定的HTML服務(wù)器控件的分類:HTML服務(wù)器控件Web服務(wù)器控件自定義服務(wù)器控件-4-HTML服務(wù)器控件HTML服務(wù)器控件是由普通HTML控件轉(zhuǎn)換而來(lái),其呈現(xiàn)的輸出基本上與普通HTML控件一致。將普通的HTML控件轉(zhuǎn)化成HTML服務(wù)器控件只需要做兩步操作:第一步,在普通HTML控件特性中添加“runat="server"”屬性;第二步,設(shè)置其ID屬性,當(dāng)普通的HTML控件轉(zhuǎn)化為HTML服務(wù)器控件后,即可通過(guò)編程來(lái)控制它們。
-5-Web服務(wù)器控件-1Web服務(wù)器控件,具有更多的內(nèi)置功能,其操作數(shù)據(jù)和呈現(xiàn)數(shù)據(jù)的功能也變得非常強(qiáng)大。
Web服務(wù)器控件按照功能區(qū)分,可以分為如下種類:標(biāo)準(zhǔn)控件數(shù)據(jù)控件驗(yàn)證控件站點(diǎn)導(dǎo)航控件登錄控件Web部件控件一些AJAX控件輔助安裝的自定義控件-6-Web服務(wù)器控件-2Web服務(wù)器控件解析標(biāo)準(zhǔn)控件:標(biāo)準(zhǔn)控件是ASP.NET控件的基礎(chǔ),它包括了ASP.NET日常開(kāi)發(fā)中經(jīng)常使用的基本控件。數(shù)據(jù)控件:數(shù)據(jù)控件主要包括數(shù)據(jù)源控件和數(shù)據(jù)綁定控件。數(shù)據(jù)源控件主要實(shí)現(xiàn)數(shù)據(jù)源連接、SQL語(yǔ)句/存儲(chǔ)過(guò)程執(zhí)行和返回?cái)?shù)據(jù)集合等功能;數(shù)據(jù)綁定控件主要實(shí)現(xiàn)數(shù)據(jù)顯示,并提供編輯、刪除等操作的相關(guān)用戶界面等。驗(yàn)證控件:驗(yàn)證控件用來(lái)實(shí)現(xiàn)對(duì)標(biāo)準(zhǔn)控件數(shù)據(jù)內(nèi)容的校驗(yàn),并根據(jù)驗(yàn)證的結(jié)果來(lái)判斷頁(yè)面可以提交還是提示用戶相關(guān)的檢驗(yàn)失敗信息。站點(diǎn)導(dǎo)航控件:導(dǎo)航控件用于實(shí)現(xiàn)網(wǎng)站或各應(yīng)用的導(dǎo)航功能的控件。該組控件通過(guò)地圖、樹(shù)或菜單的形式展現(xiàn)出導(dǎo)航的效果。與傳統(tǒng)的站點(diǎn)導(dǎo)航相比,導(dǎo)航控件簡(jiǎn)化了工作量,并且操作更加簡(jiǎn)單易行。登錄控件:登錄控件用于完成網(wǎng)站用戶注冊(cè)、登錄、修改信息、獲取密碼等用于網(wǎng)站認(rèn)證功能的輔助控件,通過(guò)該組控件可以輕松的構(gòu)建出復(fù)雜的登錄認(rèn)證模塊。Web部件控件:Web部件控件用于動(dòng)態(tài)定義和布局網(wǎng)頁(yè)的內(nèi)容、外觀和行為,用戶可以按照自己喜好的風(fēng)格來(lái)定義自己的網(wǎng)頁(yè),使Web應(yīng)用程序具備高度個(gè)性化特征。-7-自定義服務(wù)器控件自定義服務(wù)器控件是已編譯的服務(wù)器端控件,開(kāi)發(fā)人員可自定義UI、功能、屬性、方法、事件等特征,然后封裝到可復(fù)用的包中。自定義控件和標(biāo)準(zhǔn)的ASP.NET控件相比,除了需綁定一個(gè)不同的標(biāo)記前綴,并且在使用之前必須要進(jìn)行顯示的注冊(cè)和部署意外沒(méi)有任何的區(qū)別。常見(jiàn)的自定義服務(wù)器控件分為4種:復(fù)合控件驗(yàn)證控件模板控件數(shù)據(jù)綁定控件
-8-Web服務(wù)器控件Web服務(wù)器控件在System.Web.UI.WebControls.WebControl命名空間中定義,每個(gè)控件實(shí)際上都是一個(gè)控件類,都具有屬性、方法和事件,通過(guò)設(shè)置、編寫或調(diào)用控件的屬性、方法和事件,實(shí)現(xiàn)對(duì)控件的各種操作。Web服務(wù)器控件的公共屬性:屬性描述AccessKey表示用于快速定位到Web服務(wù)器控件的訪問(wèn)鍵。默認(rèn)為空,表示不設(shè)置該屬性BackColor表示W(wǎng)eb服務(wù)器控件的背景色,默認(rèn)為空,表示不設(shè)置該屬性BorderColor表示W(wǎng)eb控件的邊框顏色,默認(rèn)為空,表示不設(shè)置該屬性BorderStyle表示W(wǎng)eb服務(wù)器控件的邊框樣式,默認(rèn)為NotSetBorderWidth表示W(wǎng)eb服務(wù)器控件的邊框?qū)挾?,默認(rèn)為空,表示不設(shè)置該屬性Enabled表示是否啟用Web服務(wù)器控件Font表示W(wǎng)eb服務(wù)器控件關(guān)聯(lián)的字體屬性ForeColor表示W(wǎng)eb服務(wù)器控件的前景色(通常是文本顏色)Height表示W(wǎng)eb服務(wù)器控件的高度Style包含要在Web服務(wù)器控件的外部標(biāo)記上呈現(xiàn)的HTML樣式屬性TabIndexWeb服務(wù)器控件的選項(xiàng)卡索引。默認(rèn)為0,表示不設(shè)置此屬性ToolTip表示當(dāng)鼠標(biāo)指針懸停在Web服務(wù)器控件上時(shí)顯示的文本W(wǎng)idth表示W(wǎng)eb服務(wù)器控件的寬ID所有Web服務(wù)器控件都可以通過(guò)該屬性來(lái)唯一標(biāo)識(shí)和引用Text顯示的文本,例如TextBox、Lablel、Button、CheckBox等控件AutoPostBack所有發(fā)送窗體或單擊按鈕時(shí)將其數(shù)據(jù)回傳到服務(wù)器的Web控件都具有AutoPostBack屬性EnableViewState用于定義控件的視圖狀態(tài)或其包含的當(dāng)前值在窗體發(fā)回到服務(wù)器之后是否保留在控件中-9-文本控件文本控件主要用來(lái)接收用戶輸入和顯示內(nèi)容的控件,主要包括TextBox和Label兩種控件,其中Label控件用于提醒用戶,而TextBox用來(lái)接收用戶輸入。
TextBox控件允許用戶在頁(yè)面上輸入基于文本的數(shù)據(jù),為用戶提供了一種向WEB窗體輸入信息(包括數(shù)字、文本和日期等)的方法。TextBox控件的常用屬性如下:屬性描述Columns指定顯示的列數(shù)(以字符為單位)。默認(rèn)值為0,表示未設(shè)置該屬性MaxLength指定用戶輸入到TextBox的數(shù)據(jù)長(zhǎng)度的最大值(當(dāng)TextMode設(shè)為Multiline時(shí)無(wú)效)ReadOnly防止用戶更改TextBox中的文本Rows指定顯示的行數(shù)。默認(rèn)為0,表示顯示單行文本框TabIndex指定TextBox控件的Tab順序Wrap設(shè)置當(dāng)TextMode屬性值為Multiline時(shí)文本是否自動(dòng)換行TextMode指定TextBox控件將顯示為單行、多行還是密碼文本框,其值應(yīng)為下列值之一:TextBoxMode.MultiLine多行輸入模式,簡(jiǎn)稱文本域TextBoxMode.Password密碼輸入模式,簡(jiǎn)稱密碼框TextBoxMode.SingleLine單行輸入模式(默認(rèn)值),簡(jiǎn)稱文本框-10-TextBox控件TextBox控件有一個(gè)TextChanaged事件,該事件是當(dāng)TextBox控件內(nèi)的文字傳至Server端后,Server發(fā)現(xiàn)文字的內(nèi)容和上次的值不同時(shí)觸發(fā)。<asp:TextBoxID="txtContent"runat="server"Text="請(qǐng)?jiān)诖溯斎雰?nèi)容..." AutoPostBack="True"OnTextChanged="txtContent_TextChanged"></asp:TextBox>必須設(shè)置AutoPostBack屬性值為true,否則不觸發(fā)事件-11-Label控件Label控件用來(lái)顯示頁(yè)面中具有標(biāo)記意義的數(shù)據(jù),或者呈現(xiàn)程序處理后返回的結(jié)果。在呈現(xiàn)控件時(shí),任何賦給Label控件的Text屬性的字符串將通過(guò)Label控件顯示出來(lái)。<asp:LabelID="lblName"runat="server"Text="用戶名"></asp:Label>Label控件的常用屬性:屬性描述CssClass設(shè)置Label關(guān)聯(lián)的CSS類ToolTip設(shè)置Label的title屬性(在微軟IE中,title屬性顯示成浮動(dòng)的提示)-12-控制權(quán)轉(zhuǎn)移控件所謂的控制權(quán)轉(zhuǎn)移控件是指通過(guò)指定的操作,將頁(yè)面提交給服務(wù)器,比如用戶登錄的時(shí)候,在填寫完用戶名和密碼之后,點(diǎn)擊登錄按鈕即可登錄系統(tǒng),而這里的登錄按鈕既是一個(gè)控制權(quán)轉(zhuǎn)移控件??刂茩?quán)轉(zhuǎn)移控件主要包括以下4類。Button:標(biāo)準(zhǔn)按鈕控件ImageButton:圖像按鈕控件LinkButton:顯示超級(jí)鏈接樣式的按鈕控件HyperLink:超鏈接控件-13-Button控件-1Button控件是用來(lái)向服務(wù)器端提交表單的按鈕。允許用戶指示它們完成窗體上的工作或執(zhí)行特定的命令。當(dāng)用戶單擊按鈕時(shí)將觸發(fā)控件的Click事件。在Button控件中提供了大量的屬性如下:屬性描述AccessKey指定一個(gè)導(dǎo)向Button控件的鍵CommandArgument指定傳給Command事件的命令參數(shù)CommandName指定傳給Command事件的命令名Enable禁用該Button控件OnClientClick指定單擊按鈕時(shí)執(zhí)行的客戶端腳本PostBackUrl設(shè)置將表單傳給某個(gè)頁(yè)面TabIndex設(shè)置Button控件的Tab順序UseSubmitBehavior使用JavaScript回傳表單-14-Button控件-2Button控件常用事件:Click單擊事件,通常用于編寫用戶單擊按鈕時(shí)所需要執(zhí)行的事件。Command事件可以傳遞參數(shù),負(fù)責(zé)傳遞參數(shù)的是按鈕控件的CommandArgument和CommandName屬性。<asp:ButtonID="btnOk"runat="server"Text="確定"OnClick="btnOk_Click"/>例如:-15-LinkButton控件LinkButton控件的外觀跟超鏈接一樣,但功能卻跟Button相同,其常用的屬性和事件與Button類似。<asp:LinkButtonID=“LinkButton1”runat=“server”O(jiān)nClick=“LinkButton1_Click”>點(diǎn)擊我</asp:LinkButton>例如:-16-ImageButton控件ImageButton控件與Button和LinkButton控件功能類似,只是在ImageButton控件上能夠顯示圖片,這對(duì)于提供豐富的按鈕外觀非常有用。其中圖片的地址由“ImageUrl”屬性來(lái)指定。<asp:ImageButtonID="ImageButton1"runat="server"ImageUrl="~/img.jpg" OnClick="ImageButton1_Click"/>例如:-17-HyperLink控件HyperLink控件創(chuàng)建一個(gè)WEB頁(yè)的鏈接,該控件可以將文本或圖像顯示為鏈接。HyperLink控件相當(dāng)于HTML代碼中的“<ahref=”“></a>”標(biāo)簽,但是HyperLink控件又增加了許多屬性。屬性描述Text超鏈接上顯示的文本ImageUrl指定超鏈接上顯示的圖片NavigateUrl點(diǎn)擊鏈接時(shí)用戶將鏈接到的頁(yè)面的URLTarget鏈接的目標(biāo)窗口/框架,可能的值為_(kāi)top、_self、_parent、_search或_blank<asp:HyperLinkID="HyperLink1"runat="server" NavigateUrl="~/HyperLinkDemo.aspx">超鏈接控件</asp:HyperLink>例如:-18-選擇控件ASP.NET中的選擇控件可以使用戶從選項(xiàng)列表中選擇一個(gè)或多個(gè)選項(xiàng)。ASP.NET中提供了4類選擇控件:DropDownList控件:允許用戶從預(yù)定義列表中選擇一項(xiàng)。CheckBoxList控件:允許用戶從預(yù)定義列表中選擇多項(xiàng)。RadioButtonList控件:用于從多個(gè)選項(xiàng)列表中選擇一個(gè)。ListBox控件:允許用戶從預(yù)定義列表中選擇一項(xiàng)或多項(xiàng)。
-19-DropDownList控件-1DropDownList控件使用戶能夠從一個(gè)單選下拉列表中選擇一個(gè)數(shù)據(jù)項(xiàng)。通過(guò)設(shè)置該控件的高度和寬度(以像素為單位),可以規(guī)定控件的大小,但是不能控制該下拉列表顯示的項(xiàng)目數(shù)。DropDownList常用屬性如下:屬性描述AppendDataBoundItems是否附加數(shù)據(jù)綁定項(xiàng)AutoPostBack當(dāng)用戶改變選項(xiàng)時(shí),是否自動(dòng)地回發(fā)到服務(wù)器DataMemberDataSource中要綁定的表的名稱DataSource填充該列表選項(xiàng)的數(shù)據(jù)源DataSourceID提供數(shù)據(jù)的數(shù)據(jù)源控件的IDDataTextField提供列表文本的數(shù)據(jù)源字段的名稱DataTextFormatString控制列表項(xiàng)顯示方式的格式化字符串DataValueField提供一個(gè)列表項(xiàng)的值的數(shù)據(jù)源字段的名稱Items獲得列表控件中的選項(xiàng)集合SelectedIndex獲得或設(shè)置列表中被選項(xiàng)的索引SelectedItem獲得列表中的被選項(xiàng)SelectedValue獲得列表中被選項(xiàng)的值-20-DropDownList控件-2DropDownList控件的事件
DropDownList控件所支持的事件是SelectIndexChanaged事件,當(dāng)改變DropDownList控件的選項(xiàng)時(shí),便會(huì)觸發(fā)此事件。要想SelectIndexChanaged事件起作用,必須設(shè)置“AutoPostBack”屬性值為“True”,否則不會(huì)激發(fā)該事件。編輯DropDownList控件中的選項(xiàng),只需展開(kāi)其右側(cè)的圖標(biāo),在“DropDowList任務(wù)”窗口中選擇“編輯項(xiàng)”,則彈出“ListItem集合編輯器”窗口,如圖所示,添加或移除選項(xiàng)值。-21-DropDownList控件-3上圖對(duì)應(yīng)的前臺(tái)頁(yè)面代碼
…<headrunat="server"> <title>DropDownList示例</title></head><body> <formid="form1"runat="server"> <div> <asp:DropDownListID="ddlProvince"runat="server" AutoPostBack="True"Width="49px" OnSelectedIndexChanged="ddlProvince_SelectedIndexChanged"> <asp:ListItem>北京</asp:ListItem> <asp:ListItem>上海</asp:ListItem> <asp:ListItem>河北</asp:ListItem> <asp:ListItem>河南</asp:ListItem> <asp:ListItem>山東</asp:ListItem> <asp:ListItem>山西</asp:ListItem> </asp:DropDownList> <br/> <asp:LabelID="lblMsg"runat="server"Text=""></asp:Label>…-22-DropDownList控件-4后臺(tái)代碼
publicpartialclassDropDownListDemo:System.Web.UI.Page{ protectedvoidPage_Load(objectsender,EventArgse) { } protectedvoidddlProvince_SelectedIndexChanged(objectsender,EventArgse) { lblMsg.Text="您選擇的是:"+ddlProvince.SelectedItem.Value; }}-23-CheckBoxList控件-1CheckBoxList控件是一個(gè)可復(fù)選的列表項(xiàng)集合,其中每個(gè)列表項(xiàng)由一個(gè)獨(dú)立的CheckBox控件生成。CheckBoxList常用屬性如下:屬性描述AppendDataBoundItems設(shè)置添加數(shù)據(jù)綁定的項(xiàng)目時(shí),應(yīng)當(dāng)保留靜態(tài)定義的項(xiàng)目還是應(yīng)當(dāng)清除它們AutoPostBack設(shè)置當(dāng)用戶改變選項(xiàng)時(shí),該控件是否應(yīng)當(dāng)自動(dòng)地回發(fā)到服務(wù)器CellPadding設(shè)置單元的邊框和內(nèi)容之間的像素?cái)?shù)CellSpacing設(shè)置單元間的像素?cái)?shù)DataSource填充該列表的列表項(xiàng)的數(shù)據(jù)源DataSourceID提供數(shù)據(jù)的數(shù)據(jù)源組件的IDDataTextField提供列表項(xiàng)文本的數(shù)據(jù)源字段的名稱DataTextFormatString控制列表項(xiàng)顯示方式的格式化字符串DataValueField提供一個(gè)列表項(xiàng)的值的數(shù)據(jù)源字段的名稱Items獲得列表控件中的選項(xiàng)集合RepeatColumns獲得或設(shè)置控件中要顯示的列數(shù)SelectedIndex獲得或設(shè)置列表中第一個(gè)被選項(xiàng)的索引,即索引最小的項(xiàng)SelectedItem獲得第一個(gè)被選項(xiàng)SelectedValue獲得第一個(gè)被選項(xiàng)的值-24-CheckBoxList控件-2示例:演示CheckBoxList控件的使用。
<formid="form1"runat="server"> <div>
請(qǐng)選擇您的興趣:
<br/> <asp:CheckBoxListID="cblLike"runat="server"> <asp:ListItem>打球</asp:ListItem> <asp:ListItem>爬山</asp:ListItem> <asp:ListItem>攝影</asp:ListItem> <asp:ListItem>游泳</asp:ListItem> <asp:ListItem>慢跑</asp:ListItem> </asp:CheckBoxList> <br/> <asp:ButtonID="btnOk"runat="server"Text="確定" OnClick="btnOk_Click"/><br/>
<asp:LabelID="lblMsg"runat="server"Text=""></asp:Label> </div> </form>-25-CheckBoxList控件-3后臺(tái)代碼
publicpartialclassCheckBoxListDemo:System.Web.UI.Page{ protectedvoidPage_Load(objectsender,EventArgse) { } protectedvoidbtnOk_Click(objectsender,EventArgse) { stringstr=""; //遍歷CheckBoxList1內(nèi)部選項(xiàng)
foreach(ListItemitemincblLike.Items) { if(item.Selected)//判斷該選項(xiàng)是否被選中
{ str+=item.Value+""; } } lblMsg.Text="選擇的項(xiàng)目為:"+str; }}-26-RadioButtonList控件RadioButtonList控件是一個(gè)只能單選的列表項(xiàng)集合,其中每個(gè)列表項(xiàng)由一個(gè)獨(dú)立的RadioButton控件生成。RadioButtonIist常用屬性如下表所示。屬性描述RepeatColumns當(dāng)顯示單選按鈕組時(shí)要是使用的列數(shù)RepeatDirection規(guī)定單選按鈕重復(fù)方向,其值可以有兩種:Horizontal:水平方向Vertical:垂直方向(默認(rèn))-27-ListBox控件ListBox允許用戶從預(yù)定義列表中選擇一項(xiàng)或多項(xiàng),同DropDownList相似,但ListBox顯示所有選項(xiàng)。ListBox常用屬性如下:屬性描述Rows獲取或設(shè)置ListBox控件中所顯示的行數(shù)SelectionMode獲取或設(shè)置ListBox控件的選擇模式,其值可以有兩種:ListSelectionMode.Multiple:多選(默認(rèn))ListSelectionMode.Single:?jiǎn)芜xItems獲取列表中選項(xiàng)集合-28-容器控件-1容器控件是指內(nèi)部可以包含控件或其他內(nèi)容的控件,Web服務(wù)器控件中的容器控件主要包括Panel和表格PlaceHolder。Panel控件
Panel作為容器,可以統(tǒng)一控制其內(nèi)部的一組控件,如隱藏/顯示等。另外Panel控件支持外觀屬性(如BackColor和BorderWidth),設(shè)置這些屬性可以為頁(yè)面本區(qū)域創(chuàng)建一個(gè)獨(dú)特的外觀。其常用的屬性如下:成員描述BackImageUrl獲取或設(shè)置Panel控件背景圖片的URLDefaultButton獲取或設(shè)置Panel控件中包含的默認(rèn)按鈕的標(biāo)識(shí)符Direction獲取或設(shè)置在Panel控件中顯示包含文本的控件的方向ScrollBars獲取或設(shè)置Panel控件中滾動(dòng)條的可見(jiàn)性和位置HorizontalAlign獲取或設(shè)置面板中的控件的水平對(duì)齊方式Visible獲取或設(shè)置一個(gè)值,該值指示面板,及其內(nèi)部的所有控件是否呈現(xiàn)在頁(yè)面上-29-容器控件-2PlaceHolder控件在進(jìn)行網(wǎng)站頁(yè)面開(kāi)發(fā)時(shí),許多頁(yè)面有很多相同的元素,例如導(dǎo)航欄、GIF圖片等。使用ASP進(jìn)行應(yīng)用程序開(kāi)發(fā)通常使用include語(yǔ)句在各個(gè)頁(yè)面包含其他頁(yè)面的代碼,這種方法雖然解決了相同元素的很多問(wèn)題,但使代碼不夠美觀,而時(shí)常會(huì)出現(xiàn)問(wèn)題。ASP.NET中可以使用PlaceHolder來(lái)解決這個(gè)問(wèn)題。PlaceHolder控件起到占位作用,它也是控件的容器,但是在HTML頁(yè)面呈現(xiàn)中本身并不產(chǎn)生HTML。-30-Web服務(wù)器控件-1示例:使用Web服務(wù)控件創(chuàng)建用戶注冊(cè)頁(yè)面...<tdclass="style2"> <asp:RadioButtonListID="rblSex"runat="server" RepeatDirection="Horizontal"> <asp:ListItemSelected="True">男</asp:ListItem>
<asp:ListItem>女</asp:ListItem> </asp:RadioButtonList></td><tdclass="style2"> <asp:CheckBoxListID="cblLike"runat="server" RepeatColumns="4"> <asp:ListItem>跑步</asp:ListItem> <asp:ListItem>爬山</asp:ListItem>…-31-Web服務(wù)器控件-2后臺(tái)代碼protectedvoidbtnRegist_Click(objectsender,EventArgse){ stringstrName=txtName.Text; stringstrPwd=txtPwd.Text; stringstrRePwd=txtRePwd.Text; if(strRePwd!=strPwd) { Response.Write("<Script>alert('確認(rèn)密碼必須和密碼相同')</Script>"); return; } stringstrSex=rblSex.SelectedItem.Value; stringstrLike=""; foreach(ListItemitemincblLike.Items) { if(item.Selected) { strLike+=item.Value+""; } } stringstrProvince=ddlProvince.SelectedItem.Value; Response.Write("姓名:"+strName+"<br/>"); Response.Write("密碼:"+strPwd+"<br/>"); Response.Write("性別:"+strSex+"<br/>"); Response.Write("愛(ài)好:"+strLike+"<br/>"); Response.Write("省份:"+strProvince+"<br/>");}輸入完信息后,點(diǎn)擊“注冊(cè)”按鈕-32-驗(yàn)證控件ASP.NET提供了強(qiáng)大的驗(yàn)證控件,它可以驗(yàn)證服務(wù)器控件中用戶的輸入,并在驗(yàn)證失敗的情況下顯示一條自定義錯(cuò)誤消息。驗(yàn)證控件直接在客戶端執(zhí)行,用戶提交后執(zhí)行相應(yīng)的驗(yàn)證無(wú)需使用服務(wù)器端進(jìn)行驗(yàn)證操作,從而減少了服務(wù)器與客戶端之間的往返過(guò)程。
ASP.NET中的驗(yàn)證控件在工具箱的“驗(yàn)證”選項(xiàng)卡中。-33-RequiredFieldValidator控件-1RequiredFieldValidator控件能夠指定用戶在特定的控件中必須填寫相應(yīng)的信息,如果不填寫相應(yīng)的信息,RequiredFieldValidator控件就會(huì)提示錯(cuò)誤信息。-34-RequiredFieldValidator控件-2示例:演示RequiredFieldValidator驗(yàn)證控件的使用<%@PageLanguage="C#"AutoEventWireup="true" CodeFile="RequiredFieldValidatorDemo.aspx.cs" Inherits="RequiredFieldValidatorDemo"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><headrunat="server"> <title>RequiredFieldValidator示例</title></head><body> <formid="form1"runat="server"> <div>
姓名:<asp:TextBoxID="txtName"runat="server"></asp:TextBox> <asp:RequiredFieldValidatorID="rfvName"runat="server" ControlToValidate="txtName"ErrorMessage="用戶名不能為空"> </asp:RequiredFieldValidator> <br/>
密碼:<asp:TextBoxID="txtPwd"runat="server"></asp:TextBox> <asp:RequiredFieldValidatorID="rfvPwd"runat="server" ControlToValidate="txtPwd"ErrorMessage="密碼不能為空"> </asp:RequiredFieldValidator> <br/> <asp:ButtonID="btnOk"runat="server"Text="提交"/> </div> </form></body></html>使用ControlToValidate屬性指定要進(jìn)行驗(yàn)證的控件使用ControlToValidate屬性指定要進(jìn)行驗(yàn)證的控件使用ErrorMessage屬性指明驗(yàn)證不同過(guò)時(shí)顯示的提示信息
使用ControlToValidate屬性指定要進(jìn)行驗(yàn)證的控件-35-CompareValidator控件-1CompareValidator控件是比較驗(yàn)證控件,可用于將一個(gè)控件中的值與另一個(gè)控件中的值或某個(gè)常數(shù)值進(jìn)行比較,也可以對(duì)照特定的數(shù)據(jù)類型來(lái)驗(yàn)證用戶的輸入。CompareValidator控件的特有屬性如表所示。屬性描述ControlToValidate指定要驗(yàn)證的控件ControlToCompare指定進(jìn)行比較的控件ValueToCompare指定要比較的常數(shù)值Operator指定要進(jìn)行比較的運(yùn)算符,其值可以是Equal(默認(rèn))、NotEqual、GreaterThran、GreaterThanEqual、LessThan、LessThanEqual和DataTypeCheck。當(dāng)設(shè)置為DataTypeCheck時(shí),將忽略ControlToCompare和ValueToCompare屬性,只驗(yàn)證輸入的值是否可以轉(zhuǎn)換成Type屬性指定的數(shù)據(jù)類型。Type指定數(shù)據(jù)類型ErrorMessage顯示的錯(cuò)誤提示信息-36-CompareValidator控件-2示例:演示CompareValidator驗(yàn)證控件的使用…<body> <formid="form1"runat="server"> <div>
密碼:
<asp:TextBoxID="txtPwd"runat="server" TextMode="Password"></asp:TextBox><br/>
確認(rèn)密碼:
<asp:TextBoxID="txtRePwd"runat="server" TextMode="Password"></asp:TextBox> <asp:CompareValidatorID="cvPwd"runat="server" ControlToCompare="txtPwd"ControlToValidate="txtRePwd" ErrorMessage="確認(rèn)密碼和密碼必須相同"> </asp:CompareValidator><br/>
生日: <asp:TextBoxID="txtBirthday"runat="server"></asp:TextBox> <asp:CompareValidatorID="cvBirthday"runat="server" ControlToValidate="txtBirthday" ErrorMessage="輸入的必須是日期" Operator="DataTypeCheck"Type="Date"> </asp:CompareValidator> <br/> <asp:ButtonID="btnOK"runat="server"Text="提交"/> </div> </form></body></html>-37-RegularExpressionValidator控件-1RegularExpressionValidator控件使用正則表達(dá)式驗(yàn)證輸入的控件的值是否匹配,例如電子郵件、電話號(hào)碼以及序列號(hào)等。其常用屬性如表所示。屬性描述ControlToValidate指定要驗(yàn)證的控件ValidationExpression指定用于驗(yàn)證的輸入控件的正則表達(dá)式ErrorMessage顯示的錯(cuò)誤提示信息-38-RegularExpressionValidator控件-2示例:演示RegularExpressionValidator控件的使用<asp:RegularExpressionValidatorID="revEmail"runat="server" ControlToValidate="txtEmail"ErrorMessage="請(qǐng)輸入正確的Email地址" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>-39-CustomValidator控件-1CustomValidator控件允許用戶使用自定義的驗(yàn)證邏輯創(chuàng)建驗(yàn)證控件,一般當(dāng)其他驗(yàn)證控件無(wú)法進(jìn)行驗(yàn)證時(shí),可以采用CustomValidator控件來(lái)完成。要使用CustomValidator控件需要編寫其ServerValidate事件處理代碼。-40-CustomValidator控件-2示例:使用CustomValidator驗(yàn)證控件驗(yàn)證用戶輸入的內(nèi)容是否包含“.”。<%@PageLanguage="C#"AutoEventWireup="true" CodeFile="CustomValidatorDemo.aspx.cs"Inherits="CustomValidatorDemo"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><headrunat="server"> <title>CustomValidator示例</title></head><body> <formid="form1"runat="server"> <div>
請(qǐng)輸入<asp:TextBoxID="txtFloat"runat="server"></asp:TextBox> <asp:CustomValidatorID="cvFloat"runat="server" ControlToValidate="txtFloat"ErrorMessage="必須包含." OnServerValidate="cvFloat_ServerValidate"> </asp:CustomValidator>
<br/> <asp:ButtonID="btnOk"runat="server"Text="提交"/> </div> </form></body></html>-41-CustomValidator控件-3后臺(tái)代碼publicpartialclassCustomValidato
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2026年桂林信息工程職業(yè)學(xué)院?jiǎn)握新殬I(yè)適應(yīng)性考試題庫(kù)及參考答案詳解1套
- 2026年遼寧軌道交通職業(yè)學(xué)院?jiǎn)握新殬I(yè)技能測(cè)試題庫(kù)及完整答案詳解1套
- 2026年大理農(nóng)林職業(yè)技術(shù)學(xué)院?jiǎn)握新殬I(yè)技能考試題庫(kù)及答案詳解1套
- 銀行挖掘崗面試題及答案
- 2025年1月國(guó)開(kāi)電大行管專科《監(jiān)督學(xué)》期末紙質(zhì)考試試題及答案
- 2025年恒豐銀行深圳分行社會(huì)招聘5人備考題庫(kù)參考答案詳解
- 2025年西安交通大學(xué)第一附屬醫(yī)院耳鼻咽喉頭頸外科招聘派遣制助理醫(yī)生備考題庫(kù)及一套參考答案詳解
- 2025年北京城建華晟交通建設(shè)有限公司成熟人才招聘?jìng)淇碱}庫(kù)附答案詳解
- 2025年南京六合經(jīng)濟(jì)開(kāi)發(fā)區(qū)市場(chǎng)化招聘子公司相關(guān)負(fù)責(zé)人備考題庫(kù)及答案詳解1套
- 2025年貴州鹽業(yè)(集團(tuán))安順有限責(zé)任公司公開(kāi)招聘工作人員5人備考題庫(kù)參考答案詳解
- 護(hù)膚銷售技巧培訓(xùn)大綱
- 土地改良合同范本
- 煤礦安全隱患排查及整改措施
- 2025年懷集縣事業(yè)單位聯(lián)考招聘考試真題匯編附答案
- 房開(kāi)裝潢合同范本
- GJB1406A-2021產(chǎn)品質(zhì)量保證大綱要求
- 安徽省水環(huán)境綜合治理工程計(jì)價(jià)定額2025
- 運(yùn)動(dòng)素質(zhì)知到課后答案智慧樹(shù)章節(jié)測(cè)試答案2025年春浙江大學(xué)
- MOOC 模擬電子技術(shù)基礎(chǔ)-華中科技大學(xué) 中國(guó)大學(xué)慕課答案
- 呼氣末二氧化碳分壓的臨床應(yīng)用-課件
- 擴(kuò)大基礎(chǔ)小橋表格
評(píng)論
0/150
提交評(píng)論