Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 riference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial

フォームに入力された内容を検査する

 

アンケートなど、ビジターから詳細な情報を得たい時に利用するフォームは、Dreamweaveの【検査フォーム】アクションを使えば、送信時に検査を実行し、未入力や不適切な入力を防いで警告を表示することが可能です。

■ オブジェクトの選択

はじめに、フォームページを容易しておきます。 フォームページを開いたら、【検査フォーム】アクションを適用するオブジェクト(テキストフィールドやチェックボックス等)を選択します。すべてのフィールドのチェックを行う場合は、<form>タグを選択します。
フォーム全体ではなく、フォーム内の個々のテキストフィールドに対して【検査フォーム】アクションを適用したい時には、そのテキストフィールドを選択します。(その場合、イベントは「onBlur」または「onChange」になります)
次に【ビヘイビア】パネルの【検査フォーム】を選択して【検査フォーム】ダイアログを開いて設定を行います。
【名前の付いたフィールド】でテキストフィールドを選択し、一つずつ設定していきます。 
【値】の【必須】をチェックすると、そのフィールドへの入力は必須となり、何も入力されないままだと警告を出すことができます。【受諾】は入力された内容に関する検査です。「すべて」にすると、あらゆる入力を受諾します。「電子メールアドレス」にすると、メールアドレスかどうか検査が行われ、違う場合は警告が出ます。また、「数字」にした場合、数字以外が入力されると警告が出され、さらに「数字の範囲」にすると、入力可能な数字の範囲を指定することができます。

■ イベントを確認する

イベントが「onSubmit」になっているかどうかを確認します。「onSubmit」になっていれば送信時に検査が行われ、エラー時は警告を表示して送信が行われません。

■ 作例


お名前(ふりがな)
お名前(漢字)
生年月日 (記入例 1900-05-06)
年齢
性別 男性    女性
郵便番号   (ハイフンをつけずにお書きください)
所在地都道府県
住所1
住所2
電話番号 (ハイフンを抜いてお書きください)
携帯電話番号 (ハイフンを抜いてお書きください)
FAX番号 (ハイフンを抜いてお書きください)
E-mail (入力後、もう一度ご確認ください)


R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box