ASP.NET-WebForm(三)

ASP.NET控件

控件分類

HTML控件:純正的HTML標籤

HTML服務器控件:在HTML標籤中添加一個runat="server"的屬性

ASP.NET服務器控件:ASP.NET中提供的類似於Winform的控件

用戶控件和自定義控件

HTML控件和ASP.NET服務器控件

HTML控件

  1. 運行在客戶端

  2. 沒有回傳,不能用ViewState維持狀態

  3. 瀏覽器完成事件處理需要使用(JavaScript)

  4. 如果需要訪問後臺C#,現在典型就是使用JQuery

ASP.NET服務器控件

  1. 運行在服務器端

  2. 能回傳,能用ViewState維持狀態

  3. 服務器完成事件處理(C#後臺處理)

  4. 事件驅動模型編程(控件+事件)

常用服務器控件

Label控件

Label控件在頁面上顯示一個靜態文本

屬性:

  1. Text:標籤上顯示的文本

  2. ForeColor:文字顏色

  3. Visible:是否可見

缺點:會生成一個Span標籤

Literal控件

屬性:

  1. Text:標籤上顯示的文本

  2. ForeColor:文字顏色

  3. Visible:是否可見

特點:不會生成任何多餘代碼,因此在實際應用中如果時單純顯示文本,建議使用Literal而不是Label

TextBox控件

在頁面上顯示一個可編輯的文本框

屬性:

  1. AutoPostBack:(True/False)是否自動提交(和TextChanged事件一起使用,很少使用)

  2. TextMode:

    1. SingleLine:只能單行輸入

    2. MultLine:允許多行輸入

    3. PassWord:密碼輸入方式

HiddenFiled控件

隱藏域控件:不佔網頁的位置,不顯示內容,通過Value保存值

Button控件

Button控件在頁面上顯示一個按鈕

屬性:

  1. PostBackUrl:發送到的頁面跨頁提交時設置

  2. CommandName:按鈕相關的命令名

  3. CausesValidation:是否激活驗證

類型:

  1. Button:普通按鈕

  2. LinkButton:超鏈接按鈕

  3. ImageButton:圖像按鈕

共性:都是Submit類型

按鈕的單擊添加客戶端腳本

<asp:Button ID="Button2" runat="server" Text="刪除" OnClientClick="return confirm('確定刪除嗎?')" />

RadioButton控件

單選按鈕

        
    <asp:RadioButton ID="RadioButton1" GroupName="sex" runat="server" Text="男"/>
            <asp:RadioButton ID="RadioButton2" GroupName="sex" runat="server" Text="女"/>

HyperLink控件

超鏈接控件

數據驗證控件

在使用表單時要做表單驗證,很多表單驗證都是需要在前臺完成,服務器也可以進行驗證但是不推薦

數據驗證方式

  1. 編寫後臺C#代碼驗證:頁面回傳,用戶體驗不好,服務器壓力大

  2. 編寫Javascript腳本進行驗證:特效可以自定義,但是編寫較爲麻煩

  3. ASP.NET提供的驗證控件:驗證方便,簡單;安全性較高

  4. JQuery驗證插件:使用簡單、方便,用戶體驗好。

非空驗證控件

RequiredFieldValidator控件用於驗證用戶輸入是否爲空;常與其他控件一起使用

屬性

  1. ControlToValidate:驗證的控件ID

  2. ForeColor:錯誤提示文字的顏色

  3. ErrorMessage:錯誤的提示文本

比較驗證控件

CompareValidator控件用於比較控件的值,例如兩次密碼需要輸入一致

屬性

  1. ControlToValidate:驗證的控件ID

  2. ControlToCompare:要進行對比的控件

  3. Type:比較類型設置,不同類型的比較可能會出錯

  4. Operator:比較運算符默認等於

範圍驗證控件

RangeValidator控件用於驗證日期、數字等在一定範圍內

屬性:

  1. MaxmumValue:範圍的上限

  2. MinmumValue:範圍的下限

  3. Type:驗證的類型(字符串、整數、浮點型、日期、貨幣)

正則表達式驗證控件

RegularExpressionValidator控件應用正則表達式作爲驗證規則

屬性:

  1. ValidationExpression:設置要匹配的正則表達式

自定義驗證控件

CustomValidator控件可以創建自定義的驗證

  1. 可以手寫js腳本進行客戶端驗證,也可以編寫服務器端的驗證代碼

  2. 或者聯合兩種方式驗證,更安全

屬性:

  1. ClientValidationFunction:用於客戶端驗證的函數

  2. ServerValidate:服務器端驗證的事件方法

驗證信息彙總控件

ValidationSummary控件

  1. 該控件並不對窗體輸入進行驗證,而是將驗證錯誤彙總統一顯示

  2. 顯示的內容是其他控件的ErrorMessage

屬性:

  1. ShowMessageBox:指示是否彈出提示信息

  2. ShowSummary:指示是否顯示該報告內容,用於顯示提示消息的時候

  3. 爲避免多處提示驗證錯誤信息,可以驗證控件的Text屬性爲*

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章