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按鈕的時