DreamwaverMX と ASP.NET(5)

データを入力するための入力ボックスを設定します。 ASP.NET には、データを受け入れるためのテキストボックス コントロールがあります。構文は次のとおりです。

< asp:textbox id=”…” runat=”server” その他の属性/ >

DreamweaverMX では、次のようにクリックできます。テキストボックスコントロールを追加するショートカットボタン。ポップアップ ダイアログ ボックスで、ID、テキスト モード (ダイアログ ボックスの種類)、ツール チップ (マウスがコントロール上にあるときのプロンプト)、レイアウト (スタイル デザイン)、およびスタイル情報 (入力の設定に使用されます) を設定します。テキスト形式とテキストボックスの境界線)) を使用してコントロールを設定します。下の図はテキストボックスの設定ダイアログボックスです。


[図5-3 テキストボックス設定ダイアログ1]

[図5-4 テキストボックス設定ダイアログ2]


[図5-5 テキストボックス設定ダイアログ3]

データ項目COMMENTは大量のテキストを入力する必要があるため、複数行の入力が可能なテキストボックスを使用する必要があります。テキスト モードを MultiLine に設定し、希望の行数 (Rows) を入力するだけです。

追加したイベントを生成するにはボタンも必要です。 「フォーム」タブをクリックし、「ボタン」ボタンをクリックして追加します。

STEP2データ検証の利用

First_name、Last_name、電話番号、および電子メールは入力する必要があるため、ユーザーが入力を忘れることを防ぐために、コントロールを検証するための RequiredFieldValidator コントロールを追加できます。検証エラーが発生した場合、コントロールは検証に失敗したコンテンツをその場所に表示するため、データ検証コントロールは適切な場所に配置する必要があります。

RequiredFieldValidator データ検証の制御構文は次のとおりです。

< asp:RequiredFieldValidator のその他の属性 runat="server" >エラー メッセージ</ asp:RequiredFieldValidator >

または

< asp:RequiredFieldValidator ErrorMessage="エラー メッセージ" その他の属性 runat="server"/ >

[その他のタグ] をクリックした後、[ASP.NET タグの検証サーバー] を選択すると、さまざまな種類のデータ検証コントロールから選択できることがわかります。 First_name 入力ボックスの後ろに検証コントロール asp:RequiredFieldValidator を追加する必要があります。

RequiredfieldValidator コントロール設定ウィンドウで、[検証するコントロール] はこのデータ検証コントロールに関連付けられた入力コントロールの ID であり、[エラー メッセージ] はデータ検証が失敗したときに表示されるメッセージです。同時に、レイアウトとスタイル情報を設定することで、必要なスタイルを選択できます。


[図5-6 検証コントロールの選択]


[図5-7 RequiredfieldValidatorコントロールの設定ダイアログボックス]

同時に、同じメソッドを使用して別の RequiredFieldValidato データ検証コントロールを Last_Name 入力ボックスの後ろに追加します。これで、ページを保存してプレビューできるようになりました。 First_name および Last_name 入力ボックスにデータが入力されていない状態で [送信] ボタンをクリックすると、検証失敗のメッセージが表示されます。図 5-8 に示すように。

ただし、多くの場合、郵便番号は 6 桁である必要があり、入力された電子メール アドレスは特定の形式である必要があるなど、有効なデータを検証する必要があります。ここでは、 RegularExpressionValidator を使用してデータの有効性を検証する必要があります。この登録ページでは、電話と電子メールの両方でこのコントロールを認証に使用できます。


[図5-8 RequiredfieldValidatorダイアログボックス]

[図5-9 メール設定のプロパティ]

RequiredfieldValidator 検証コントロールを追加する方法と同様に、[その他のタグ..] をクリックしてデータ検証コントロールの追加を選択します。違いは、検証式の設定です。電話機は7～10桁を入力する必要があるため、次のように設定する必要があります。

[0-9]{7,10}

その構文は次のとおりです。

[]: 許容される文字を定義するために使用されます。たとえば、az は小文字の 'a' ～ 'z' が許容される文字であることを意味し、a-zA-Z はすべての文字が許容されることを意味し、0 ～ 9 はすべての文字が許容されることを意味します。番号。

{}: 入力する必要がある文字数を定義するために使用されます。{7,10} は 7 ～ 10 文字を入力できることを意味し、{0,} は 0 ～無制限の文字を受け入れることができることを意味します。

「.」：任意の文字を入力することを示します。 .{0,} は、0 から無制限の任意の数の文字が受け入れられることを意味します。

|: OR (または) を示します。たとえば、[A-Za-z]{3}|[0-9]{3} は、3 つの英字または 3 つの数字を受け入れることができることを意味します。

(): 読みやすくするために、記号を含む文字列は通常 () で囲まれます。たとえば、([A-Za-z]{3}|[0-9]{3})。

: []、{}、()、| などの特殊記号が含まれる場合は、これらの文字列の前に を追加する必要があります。

以下に、より一般的に使用される例をいくつか示します。

メール: .{1,}@.{1,}/..{1}

電話番号 (市外局番を含む): ([0-9]{3,4}))[0-9]{7,8}

ユーザー入力が実際のデータであるという保証はありませんが、検証コントロールによって形式が正しいことを確認できます。


[図5-10 プレビューページ]

CompareValidator コントロールの場合、そのプロパティは次のように設定されます。