jQueryとPHPを持つユーザーによって入力されたデータを検証する

私たちのクライアント側のフォームが原因でjQueryには非常に簡単になって検証するが、ユーザの入力は彼らが期待していただけとして提供されていることを実際に確認するためには、 サーバー側のチェックを複製することをお勧めします。

我々は（したがって、例えば、PHPによる）サーバと通信するためにAJAXを使用する場合しかし、我々はサーバーに直接すべてのチェックを委任するかを決定できます。

発生の準備

この例では、我々は明らかに忠実なのは、jQuery PHPとjQuery UIを必要と

執筆時点では、jQuery UIのパッケージには、jQueryのスクリプトのバージョン1.8.10と1.4.4が含まれているので、私が説明した新しいjQuery 1.5を使用する誘惑に屈するしないここをと提案されたバンドルの"コンテンツである"。

ローラーのトピック中立的なテーマを選択します宇井を 。

我々は、我々が必要なものをダウンロードしてください。

パッケージにダウンロードされます。"JS"便利なJQueryと JQuery - UI - 1.4.4.min.js - 1.8.10.custom.min.jsは、フォルダ内のJS、CSSの同じ名前の内部フォルダと我々は自分自身を解放することができますindex.htmlのような開発バンドルのフォルダとファイル

私たちは、ツリーの行のすべてを構造化し、それが結果がとしてそれを示すの Eclipse ：

あなたがremote.php：あなたが我々は、style.cssの中のJSとCSSのindex.jsを ルートにある index.htmlファイルを追加した画像でわかるように、我々はまた、ファイルの内部にあるフォルダ"phpを"作成サーバーサイドの検証の世話をする。

のシナリオ

連絡先の仮想的なデータベースに保存するために、ユーザデータの取得のためのシンプルなフォームを作成するには、この記事内の画像。

我々は我々の目的を超えているユーザーではなく、実際のデータストレージ、が入力したフィールドの検証に焦点を当てる、それがその後、取得した情報を含めるためのデータベースの呼び出しの正しい位置に配置するのに十分です。 我々は、jQueryのUIコンポーネントのダイアログの使用が示すようにユーザーに警告するので、より視覚的に満足なものを持っている、現代的な古典は、ブラウザから提供された警告になります。

• <<
• 1
• 2
• 3
• 4
• >>