「比較入力チェック」の編集履歴（バックアップ）一覧に戻る

比較入力チェック - (2008/01/21 (月) 14:58:14) のソース

*比較入力チェック

***概要
狙ったwebコントロール二つの、値を比較チェックする。

***前提条件
-[[新しいwebサイトの作成]]

***手順
比較入力チェックをするには、「CompareValidator」を使用する。
「CompareValidator」は、2つのwebコントロール（ここではテキストボックス）の値を比較するチェックである。

下地として、

-Textbox1
-Textbox2
-Button1

で構成された入力フォームがあったとする。

&img(60.jpg)

[ツールボックス]　->　[CompareValidator]をドラッグアンドドロップで配置する。

&img(61.jpg)

配置した「CompareValidator」のプロパティウィンドウで、「ErrorMessage」に任意の文字列を入力する。

&img(62.jpg)

同様に「ControlToCompare」を「Textbox1」、
「ControlToValidate」を、「Textbox2」にあわせる。

&img(63.jpg)

F5を押してデバッグ開始。以下のような画面がでる。

&img(64.jpg)

２つのテキストボックスに入力された文字が一致している場合、ボタンを押してもなにも起きないが、

&img(65.jpg)

一致していない場合、ボタンを押すと、エラーメッセージが表示される。

※２つのテキストボックスが両方とも未入力だと、この「CompareValidator」ではエラーを感知できない。
その為、[[必須入力チェック]]と組み合わせて使うのが汎用的である。

&img(66.jpg)