設定 1:
如下圖所示, 在TextBox右側拉入 RequiredFieldValidator 控制項,用來檢查 TextBox 是否有填寫, 設定的屬性是
ControlToValidate="TextBox1" Text="*"
下圖是執行的結果:
設定2:
如果將上述驗證控制項的 Display 屬性設成 Dynamic,那麼它在一開始就不會佔用一個空白, 如下圖所示, 您可以發現"中文全名"與 TextBox間的空白一開始是沒有的
必需等按下 Button 後,星號才會出現, 並將"中文全名"向右擠開
設定3:
再將驗證控制項加入一個屬性:
ErrorMessage="姓名必需填寫"
並在網頁中 (您可以放在表單下方) 拉入一個 ValidationSummary 控制項, 將它的屬性設為
HeaderText="這是HeaderText"
如此一來, 按下 Button 時, TextBox右側會有星號, Validation Summay 會顯示下圖的紅字
設定4:
若將 Validation Summary 加入二個屬性
ShowMessageBox="True" ShowSummary="False"
則會以 alert 方式呈現錯誤訊息
設定5:
若您只想有alert, 不希望 TextBox 右側有星號出現, 可以設定 RequiredFieldValidator 控制項屬性 Display=None, 就可以了
結論:
- 驗證控制項常設定的屬性有 ControlToValidate, Text, ErrorMessage, Display
- Validation Summary 控制項用來呈現欄位驗證後的彙總資訊,可以呈現在網頁裡或用 alert 呈現, 常設定的屬性有 HeaderText, ShowMessageBox, ShowSummary