必須項目の入力チェック

C# ASP.NET で RequiredFieldValidator を使って、必須項目の入力チェックを行います。

前田稔(Maeda Minoru)の超初心者のプログラム入門

プログラムの説明

  1. 簡単なエラーのチェックは、リアルタイムに応答できるようにクライアント側で処理します。
    RequiredFieldValidator を使って、必須項目の入力チェックを行ってみましょう。
  2. WebMatrix を起動して [ASP.NET ページ] のアイコンを選択して新しいページを作成します。
  3. [Label] をドラッグ&ドロップして、Text プロパティに "必須項目の入力チェック" を設定して下さい。
    Enter キーをタイプして改行します。
  4. 1個目のデータを入力する [TextBox] をドラッグ&ドロップして下さい。
    続いて RequiredFieldValidator をドラッグ&ドロップします。
    RequiredFieldValidator のプロパティを設定します。
  5. 続いて2個目のデータを入力する [TextBox] をドラッグ&ドロップして下さい。
    一個目と同じように RequiredFieldValidator のプロパティを設定して下さい。
  6. 続いて [Button] をデザインウインドウに貼り付けて下さい。
  7. 下のタブを「すべて」に切り替えるとソースコードが表示されるので、名前を付けて保存して下さい。
  8. 保存したソースファイルを ASP.NET サーバーにアップロードして下さい。
  9. TextBox1 と TextBox2 の両方にデータをタイプしないとエラーメッセージが表示されることを確認して下さい。

【NOTE】

必須項目の入力チェックは、クライアント側で処理されるので応答が速いでしょう。 0(^_^)0
HTML のソースコードを見れば解るのですが JavaScript が使われています。

validate.aspx のソースコード

生成された HTML のソースコード

validate.aspx を呼び出す

超初心者のプログラム入門(C# on-line game)