ASP.NET控件
控件分類
HTML控件:純正的HTML標籤
HTML服務器控件:在HTML標籤中添加一個runat="server"的屬性
ASP.NET服務器控件:ASP.NET中提供的類似於Winform的控件
用戶控件和自定義控件
HTML控件和ASP.NET服務器控件
HTML控件
-
運行在客戶端
-
沒有回傳,不能用ViewState維持狀態
-
瀏覽器完成事件處理需要使用(JavaScript)
-
如果需要訪問後臺C#,現在典型就是使用JQuery
ASP.NET服務器控件
-
運行在服務器端
-
能回傳,能用ViewState維持狀態
-
服務器完成事件處理(C#後臺處理)
-
事件驅動模型編程(控件+事件)
常用服務器控件
Label控件
Label控件在頁面上顯示一個靜態文本
屬性:
-
Text:標籤上顯示的文本
-
ForeColor:文字顏色
-
Visible:是否可見
缺點:會生成一個Span標籤
Literal控件
屬性:
-
Text:標籤上顯示的文本
-
ForeColor:文字顏色
-
Visible:是否可見
特點:不會生成任何多餘代碼,因此在實際應用中如果時單純顯示文本,建議使用Literal而不是Label
TextBox控件
在頁面上顯示一個可編輯的文本框
屬性:
-
AutoPostBack:(True/False)是否自動提交(和TextChanged事件一起使用,很少使用)
-
TextMode:
-
SingleLine:只能單行輸入
-
MultLine:允許多行輸入
-
PassWord:密碼輸入方式
-
HiddenFiled控件
隱藏域控件:不佔網頁的位置,不顯示內容,通過Value保存值
Button控件
Button控件在頁面上顯示一個按鈕
屬性:
-
PostBackUrl:發送到的頁面跨頁提交時設置
-
CommandName:按鈕相關的命令名
-
CausesValidation:是否激活驗證
類型:
-
Button:普通按鈕
-
LinkButton:超鏈接按鈕
-
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控件
超鏈接控件
數據驗證控件
在使用表單時要做表單驗證,很多表單驗證都是需要在前臺完成,服務器也可以進行驗證但是不推薦
數據驗證方式
-
編寫後臺C#代碼驗證:頁面回傳,用戶體驗不好,服務器壓力大
-
編寫Javascript腳本進行驗證:特效可以自定義,但是編寫較爲麻煩
-
ASP.NET提供的驗證控件:驗證方便,簡單;安全性較高
-
JQuery驗證插件:使用簡單、方便,用戶體驗好。
非空驗證控件
RequiredFieldValidator控件用於驗證用戶輸入是否爲空;常與其他控件一起使用
屬性
-
ControlToValidate:驗證的控件ID
-
ForeColor:錯誤提示文字的顏色
-
ErrorMessage:錯誤的提示文本
比較驗證控件
CompareValidator控件用於比較控件的值,例如兩次密碼需要輸入一致
屬性
-
ControlToValidate:驗證的控件ID
-
ControlToCompare:要進行對比的控件
-
Type:比較類型設置,不同類型的比較可能會出錯
-
Operator:比較運算符默認等於
範圍驗證控件
RangeValidator控件用於驗證日期、數字等在一定範圍內
屬性:
-
MaxmumValue:範圍的上限
-
MinmumValue:範圍的下限
-
Type:驗證的類型(字符串、整數、浮點型、日期、貨幣)
正則表達式驗證控件
RegularExpressionValidator控件應用正則表達式作爲驗證規則
屬性:
-
ValidationExpression:設置要匹配的正則表達式
自定義驗證控件
CustomValidator控件可以創建自定義的驗證
-
可以手寫js腳本進行客戶端驗證,也可以編寫服務器端的驗證代碼
-
或者聯合兩種方式驗證,更安全
屬性:
-
ClientValidationFunction:用於客戶端驗證的函數
-
ServerValidate:服務器端驗證的事件方法
驗證信息彙總控件
ValidationSummary控件
-
該控件並不對窗體輸入進行驗證,而是將驗證錯誤彙總統一顯示
-
顯示的內容是其他控件的ErrorMessage
屬性:
-
ShowMessageBox:指示是否彈出提示信息
-
ShowSummary:指示是否顯示該報告內容,用於顯示提示消息的時候
-
爲避免多處提示驗證錯誤信息,可以驗證控件的Text屬性爲*