クライアント上での自動検証

クライアントでは側での検証、我々はここでは、フォームを処理するのは、ユーザーのブラウザ上で行われ、検証には、そのページには、ColdFusionサーバーに処理されるに渡されないことを意味してください。代わりに、ユーザーが開くJavaScriptのメッセージには、問題を示して見ている。ユーザーが[OK]ボタンを押すことができますし、すぐに問題を解決する、それが正しいにバックアップする必要はありません。しかし、あなたの恐怖はこのJavaScriptのポップアップ概念を開くのですか？おそらく、JavaScriptを使って慣れていないですか？やクロスブラウザのスクリプトのサポートの問題が心配？CFの自動クライアント側の検証機能についての素晴らしいところは、それはあなたのため、この検証やポップアップなどのメッセージを実行するには、JavaScriptが作成されます。場合は、プログラマは、理解したり、すべての任意のJavaScriptコードを必要としないでください。とJavaScriptで作成したのも、古いブラウザのバージョンで動作します。それでは、どのように品物が届くのですか？あなたは、フォームにカップルマイナーな変更を加える必要があります。実際に行うには、まず最初に、cfformタグをタグ自体にフォームを変更することです（また閉鎖変更/ FORMタグを閉じて/ cfformタグ）。また、これのcfgrid、cftreeのは、他の人のようないくつかの強化されたインターフェイス機能を導入するために使用することができますColdFusionでは、フォームを活用し、検証機能は、ここで話し合っているのcfformを作成して指示します。これらのJavaアプレットの機能の検証については、この記事の議論の範囲を越えてさらに議論がベース。とはいえ我々はまた、検証せずに簡単にドロップダウンを作成するリスト（SELECTリスト）は、ColdFusionのクエリ結果に基づいてを使用することができるいくつかの検証機能は、cfselectタグを追加する場合cfselectタグについて説明します。

  

cfformタグの興味深いタグは、他のほとんどのタグに比較されます。これは明らかにHTMLのFORMタグに置換するためのものだが、それは、HTMLの仕様の一部ではなかった余分な機能を追加します。どうすればこの動作しますか？どのようにCFの何かが（理論上は）できないことを行うにはブラウザの可能性がありますかというと、何が起こるのは、ColdFusionは、通常のFORMタグにし、それをまた、JavaScriptコードをページに追加には、cfformタグを有効に戻しますであるのは、希望した任意の検証を実行する必要がありました。そして、どのように要求の検証ですか？あなたのためにはJavaScriptの検証、cfinputタグとcfselectを追加することができますタグの2種類があります。としては、cfformタグでは、これらの直接入力およびSELECTカウンターに対応します。したがって、1つには、CFのJavaScriptの組み込みの検証を使用して、この資料の冒頭には、ログインフォームを回すことの最初のステップは、単に、cfformタグのペアおよびcfinputタグに次のようにFORMタグのペアとINPUTタグを変更することです：

あなたのユーザ名とパスワードを入力： 
ユーザー名： 
パスワード：

場合によく見て、あなたは我々は、以前の例から、非表示のフィールドの検証に残っていることがあります。両方のクライアントを持つとサーバーは、単一フォームの側での検証も問題ないです。ブラウザは、クライアント側の検証には、ColdFusionとして、フォームがサーバー上で処理されている非表示のフィールドの検証がそれをバックアップすることができます生成するプロセスには、JavaScriptをサポートしていない何らかの理由。ものの場合は、隠しておくことができますcfform内での場所のフィールドには、cfinputタグにそれらの隠されたフィールドには、INPUTタグを変更しないでください。 （そのタイプの値を含む、タイプ=""隠されたcfinputタグを使用することができますされていませんのみINPUTタグの"テキスト"、"チェック"、"ラジオ"、および"パスワード"。）本当に任意の異なるまったく表示されません。 ColdFusionは、FORMタグに、対応するINPUTタグには、cfinputは、cfformの変化と要求された妥当性検査を実行するいくつかのJavaScriptコードを追加します。しかし、もちろん、まだ、cfformおよびcfinputタグを使用して任意の検証を要求していない場合の論理ではありません。機能の解明に向けた手順としては、この特性を理解すると便利です。

同じように、自動的にサーバー側と（隠しフィールド）の検証に我々は議論、cfinputのどちらかのフィールドには、1つの必須（ユーザーが値を入力する必要があります）という意味であり、を示すために/またはいくつかを示すことができますを使用することができます検証の特定の種類の。実際、それだけでなく、株式、ほとんど同じ検証の種類（_time、_integer、_float _DATEを、というように）が、それはまた、追加の検証（例えば、クレジットカード、電話を追加し、詳細）。我々はその瞬間に議論する。まず、cfinputタグを使用して追加する必要が検証の例を見てみましょう。これは、隠しフィールドのアプローチから、まだもっと簡単なのが違うの。代わりに、フォームに新しいフィールドを追加するのは、単にタグに新しい属性と値のペアを追加します。の検証に必要な実際、それだけの問題だ""は、次の例のようにyes = requiredの場合の追加：

以下の例では、プロンプトで、私たちは、提供の両方は、このフィールドとパスワードの入力は、cfinputタグを変更すると、次の：

あなたのユーザ名とパスワードを入力： 
ユーザー名： 
パスワード：

通知は、これは、使用可能な領域[場所？]、cfinputタグ前述の例では、2つの行に渡って、各分割されます。必須の属性は、cfinputタグ内に指定されている場合、このフォームが処理され、値がないユーザ名の入力と提出、その結果はJavaScriptのポップアップメッセージが表示されます。CFの開発者として、あなたは、JavaScriptの心配はありませんが作成のしかし、それは、単にブラウザのメニューバーからあなたのページから生成されたHTMLを表示するビュー➪ソースまたはビュー➪ページのソース]コマンドを使用する利益。 CF5およびそれ以前のバージョンのに対し、おそらくJavaScriptのコードが生成されたHTML、CFのMXには、埋め込まれたJavaScriptファイルを使用します（使用しての上部に表示さできるだけ多くとしては50行の生成


Online: 397 users browsing the articles directory