入力内容をAJAXでチェックするフォームのチュートリアル

ENHANCEのエントリーから、ユーザーの入力した内容をAJAXでチェックするフォームのチュートリアルを紹介します。

Creating an Ajax contact formのデモのキャプチャ

Creating an Ajax contact form - from start to finish
デモ

チュートリアルでは、HTML、CSS、JavaScript、PHPごとにサンプルコードが掲載されており、入力内容のチェックにはjQueryが使用されています。

フォームの各項目はolのリスト要素となっています。
olの順次付きリストは必須入力項目だけではないので違和感がありますが、divよりもいいのかな、と思ってきました。

デモではデータの受信状態まで分からないため、日本語で問題ないかどうかは不明です。

sponsors

top of page

©2024 coliss