DreamwaverMX與ASP.NET(五)
2007/2/2 0:04:54
5.創建留言頁面----數據驗證控件及添加數據
相關介紹:
數據正確性是網站所必需的。為了更容易的檢驗使用者輸入的數據是否正確,ASP.NET為編程人員提供了數據驗證控件。ASP.NET提供的數據驗證控件包括。(注意:為了能顯示代碼,以下所有代碼都在“<”之后和“>”之前加了空格,不便之處請多原諒!):
控件
功能
RequiredFieldValidator
檢驗某一輸入欄是否有數據輸入
RangeValidator
檢驗某一輸入欄所輸入的數據是否在特定的范圍內
CompareValidator
檢驗某一輸入欄是否等于,不等于,大于,不小于,小于
ValidationSummary
列出所有未通過檢驗的控件
RegularExpressionValidator
檢驗某一欄是否符合正則表達式規則
CustomValidator
自定驗證規則
STEP 1 設計頁面
我們先用表格設計出大概的框架。由于數據庫中的COMMENTS表中有
Dreamweaver/10208/pic/08201image002.jpg">
[圖5-1 數據庫框架]
COMMENT_ID(自動編號),FIRST_NAME(文本),LAST_NAME(文本),TELEPHONE(文本),EMAIL(文本),SUBMIT_DATE(日期/時間),COMMENTS(備注),ANSWERED(布爾值)等字段。根據需要我們在站點中設計了如下圖的頁面,命名為reg.aspx。
[圖5-2 最初頁面]
其中COMMENT_ID,是可以由ACCESS自動添加的,ANSWERED不需要用戶自己添加。在SUBMIT_DATE的默認值設置為Now(),則會由ACCESS自動寫入添加紀錄的日期。
以前的ASP頁面中,我們可以通過來設置輸入框來輸入數據。ASP.NET中帶有textbox控件來接受數據,語法如下:
< asp:textbox id=”…” runat=”server” 其他屬性/ >
在DreamweaverMX中可以通過單擊 快捷按鈕來添加textbox控件。在彈出的對話框中通過設置ID,text mode(對話框類型),tool tip(即鼠標懸于控件上的提示),以及Layout(樣式設計),Style Information(用于設置輸入文字格式以及textbox邊框格式),來設置控件。下圖是textbox的設置對話框。
[圖5-3 textbox設置對話框1]
[圖5-4 textbox設置對話框2]
[圖5-5 textbox設置對話框3]
由于數據項COMMENT需要輸入大量的文字,所以需要用到多輸入行的textbox。只需設置text mode為MultiLine并輸入所需的行數(Rows)即可。
為了產生添加的事件,還需要一個按鈕。單擊Forms標簽,單擊”button”按鈕添加。
STEP2 數據驗證的使用
由于First_name,Last_name,telephone,email是必須輸入的,所以為了防止用戶忘記輸入,則可以添加RequiredFieldValidator控件來驗證控件。由于控件會在出現驗證有誤的情況下在其所在的位置顯示驗證不通過的內容,故應在適當的位置放入數據驗證控件。
RequiredFieldValidator數據驗證的控件語法如下:
< asp:RequiredFieldValidato其他屬性 runat=”server” >出錯信息< / asp:RequiredFieldValidator >
或
< asp:RequiredFieldValidator ErrorMessage="出錯信息" 其他屬性 runat=”server”/ >
在單擊More Tags后,選擇ASP.NET Tags的Validation Server可以看到有不同類型的數據驗證控件選擇。我們需要在First_name的輸入框后面添加驗證控件asp:RequiredFieldValidator。
在RequiredfieldValidator控件設置窗口中,Control to Validate是為與此數據驗證控件相關聯的輸入控件的ID,而Error Message就是數據驗證失敗的時候顯示的信息。同時我們可以通過設置layout,style Information來選擇所需的樣式。
[圖5-6 驗證控件選擇]
[圖5-7 RequiredfieldValidator控件設置對話框]
同時在Last_Name輸入框后面用相同的方法添加另一個RequiredFieldValidato數據驗證控件。現在我們可以保存,并預覽頁面。當沒有在First_name和Last_name輸入框中輸入數據而且單擊Submit按鈕的時
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
国产成人免费全部网站|
成人夜色视频网站在线观看|
亚洲欧美在线观看首页|
美女尿口18以下禁止观看免费|
国产欧美日韩亚洲|
99久久久精品免费观看国产|
性刺激久久久久久久久|
久久亚洲精品国产亚洲老地址|
欧美一级高清片免费一级|
亚洲精品第一国产综合精品
|
成人午夜视频免费|
久久嫩草影院免费看夜色|
欧美乱人伦中文在线观看不卡|
亚洲精品电影在线|
第272章推倒孕妇秦|
四虎影视永久在线yin56xyz|
韩国xxxxhd性|
国产成人精品综合在线观看|
18禁无遮挡无码国产免费网站|
在线观看黄日本高清视频|
一区二区在线视频观看|
手机在线看片国产日韩生活片|
久久成人无码国产免费播放|
最近中文字幕高清2019中文字幕|
亚洲图片激情小说|
波多野结衣gvg708|
伊人久久综在合线亚洲91|
精品国产v无码大片在线观看|
国产a免费观看|
韩国三级大全久久网站|
国产成人综合精品|
亚洲欧美18v中文字幕高清|
国产精品综合在线|
91香蕉污视频|
国语精品视频在线观看不卡|
a级精品九九九大片免费看|
妞干网在线免费观看|
一级做a爰性色毛片|
成人午夜精品无码区久久|
中文日韩字幕一区在线观看|
日本在线色视频|