検証コントロール

　あるテキストボックスに入力された値が、一定の条件をみたすかどうかを検証するコントロールです。次のような種類があります。

■　RequiredFieldValidatorコントローラー

RequiredFieldValidatorコントローラー

　ユーザーがコントロールにデータを入力したかどうかを検証します。

■　主なプロパティ

■　ControlToValidateプロパティ

　検証するコントロールのIDを設定します。

■　ErrorMessageプロパティ

　エラーメッセージで使用する文字列を設定します。

■　InitialValueプロパティ

　検証コントロールの基本値を設定します。

■　RangeValidatorコントロール

RangeValidatorコントロール

　ユーザーが入力した値が範囲内かどうかを検証します。

 

■　主なプロパティ

■　ControlToValidateプロパティ

　検証するコントロールのIDを設定します。

■　ErrorMessageプロパティ

　エラーメッセージで使用する文字列を設定します。

■　MaximumValuプロパティ

　検証範囲の最大値を設定します。

■　MinimumValuプロパティ

　検証範囲の最小値を設定します。

■　RegularExpressionValidatorコントロール

RegularExpressionValidatorコントロール

　正規表現を利用して、ユーザーの入力が電話番号、郵便番号、電子メール、アドレスなど、定義済みパターンに一致することを検証します。

■　主なプロパティ

■　ControlToValidateプロパティ

　検証するコントロールのIDを設定します。

■　ErrorMessageプロパティ

　エラーメッセージで使用する文字列を設定します。

■　ValidationExpressionプロパティ

　検証に使用するパターンを表す正規表現を設定します。

■　CompareValidatorコントロール

CompareValidatorコントロール

　ユーザーが入力したデータを、他のコントロールの値か、定数で比較をします。

■　主なプロパティ

■　ControlToCompareプロパティ

　検証するコントロールと比較するコントロールを設定します。

■　ControlToValidateプロパティ

　検証するコントロールのIDを設定します。

■　ErrorMessageプロパティ

　エラーメッセージで使用する文字列を設定します。

■　Operatorプロパティ

　検証実行する比較演算子を設定します。

■　ValueToCompareプロパティ

　検証するコントロールにユーザーが入力した値の比較対象となる定数値を設定します。

■　CustomValidatorコントロール

CustomValidatorコントロール

　ユーザーが入力したデータに対して、ユーザー定義の検証を行います。

■　主なプロパティ

■　ClientValidationFunctionプロパティ

　検証に使用するカスタムクライアント側スクリプト関数名を設定します。

■　ControlToValidateプロパティ

　検証するコントロールのIDを設定します。

■　ErrorMessageプロパティ

　エラーメッセージで使用する文字列を設定します。

■　ValidationSummaryコントロール

ValidationSummaryコントロール

　Webページの検証エラーを表示します。

■　主なプロパティ

■　DisplayModeプロパティ

　検証の概要の表示モードを設定します。

■　ShowMessageBoxプロパティ

　検証の概要をメッセージボックスに表示するかどうかを設定します。

■　ShowSummaryプロパティ

　検証の概要をインライン表示するかどうかを設定します。

○　プロジェクト

　プロジェクトを作成して確認してみましょう。

プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 ValidaterTest

サンプルダウンロード

○　デザイン

　Webフォームを追加して、次の図のように各コントロールを配置してください。

コントロールの配置例
コントロールの配置例

○　プログラム

　次のように各イベントハンドラを記述してください。

Default.aspx.vb

  1. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  2. 　If Not IsPostBack Then
  3. 　　'TextBox.Textプロパティを設定する
  4. 　　TextBox1.Text = ""
  5. 　　TextBox2.Text = "6"
  6. 　　TextBox3.Text = "-8"
  7. 　　TextBox4.Text = "abc3"
  8. 　　TextBox5.Text = "4"
  9. 　　Button1.Text = "ポストバック"
  11. 　　'RequireFieldValidatorコントロールでTextBox1に何らかの値が入力されているかどうかを検証
  12. 　　With RequiredFieldValidator1
  13. 　　　.ControlToValidate = "TextBox1"
  14. 　　　.InitialValue = ""
  15. 　　　.ErrorMessage = "値が入力されていません。"
  16. 　　　.ForeColor = Drawing.Color.Red
  17. 　　End With
  19. 　　'CompareValidatorコントロールでTextBox2に入力された値が5より小さいかどうかを検証
  20. 　　With CompareValidator1
  21. 　　　.ControlToValidate = "TextBox2"
  22. 　　　.ValueToCompare = 5
  23. 　　　.Type = ValidationDataType.Integer
  24. 　　　.Operator = ValidationCompareOperator.LessThan
  25. 　　　.ErrorMessage = "値が5以上です。"
  26. 　　　.ForeColor = Drawing.Color.Red
  27. 　　End With
  28. 　　'RangeValidatorコントロールでTextBox3に入力された値が1以上5以下の
  29. 　　'範囲にあるかどうかを検証
  30. 　　With RangeValidator1
  31. 　　　.ControlToValidate = "TextBox3"
  32. 　　　.MinimumValue = 1
  33. 　　　.MaximumValue = 5
  34. 　　　.Type = ValidationDataType.Integer
  35. 　　　.ErrorMessage = "値が1以上5以下の範囲にありません。"
  36. 　　　.ForeColor = Drawing.Color.Red
  37. 　　End With
  39. 　　'RegularExpressionValidatorコントロールで
  40. 　　'TextBox4に入力された値がアルファベットだけで構成されているかどうかを検証
  41. 　　With RegularExpressionValidator1
  42. 　　　.ControlToValidate = "TextBox4"
  43. 　　　.ValidationExpression = "[A-Za-z]*"
  44. 　　　.ErrorMessage = "アルファベット以外の文字が入力されています。"
  45. 　　　.ForeColor = Drawing.Color.Red
  46. 　　End With
  48. 　　'CustomValidatorコントロールでTextBox5に入力された値が
  49. 　　'奇数であるかどうかをクライアントサイドの関数で検証
  50. 　　With CustomValidator1
  51. 　　　.ControlToValidate = "TextBox5"
  52. 　　　.ClientValidationFunction = "checkData"
  53. 　　　.ErrorMessage = "値は偶数です。"
  54. 　　　.ForeColor = Drawing.Color.Red
  55. 　　End With
  56. 　　'ValidationSummaryコントロールを使って、検証サーバコントロールで発生したエラーの一覧を表示
  57. 　　With ValidationSummary1
  58. 　　　.DisplayMode = ValidationSummaryDisplayMode.BulletList
  59. 　　　.HeaderText = "[検証サーバコントロールで発生したエラーの一覧]"
  60. 　　End With
  61. 　End If
  62. End Sub

　HTMLのHEAD部分に次のプログラムを記述してください。

Default.aspx

  1. <head runat="server">
  2. 　<title></title>
  3. 　<!-- CustomValidatorコントロールに検証結果を返すスクリプト関数 -->
  4. 　　<script type="text/javascript">
  5. 　　　function checkData(source, arguments) {
  6. 　　　　//CustomeValidatorコントロールに検証結果を返す
  7. 　　　　if ((arguments.Value % 2) == 1) {
  8. 　　　　　arguments.IsValid = true;
  9. 　　　　} else {
  10. 　　　　　arguments.IsValid = false;
  11. 　　　　}
  12. 　　　}
  13. 　　</script>
  14. 　</head>

○　実行結果

実行結果
実行結果

　検証エラーになるデータを各テキストボックスに設定しました。正しいデータに入力しなおすと、検証エラーのメッセージが消えていくのを確認することができます。

前へ   次へ