PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」
2009年05月14日-![はてなブックマーク](http://b.hatena.ne.jp/entry/image///phpspot.org/blog/archives/2009/05/phpajaxlightfor.html)
スポンサード リンク
Web-kreation - LightForm ::: Free Ajax/PHP Contact Form
PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」。
クールなフォームのUIに加えて、入力値がおかしい場合のリアルタイムエラー表示を行ってくれるPHPとAjaxのプログラムが入手できます。
UIがクールなフォームになってます
![](http://phpspot.net/php/webimager/admin2/data/b11e94db4e3cb8c832617185d9282bb4.png)
入力チェックの機能。
たとえば、名前を1文字入力して次にいくと、最低で3文字必要だというエラーが次のように表示されます。
![](http://phpspot.net/php/webimager/admin2/data/0e0286e341c38cb9d5670c104de7bf6c.png)
メールアドレスが間違っている場合もちゃんとチェックしてくれます
![](http://phpspot.net/php/webimager/admin2/data/b6d93eb3d39db171605a6afb323b475c.png)
メンテナンスされていない点には注意ですが、なかなか使えるプログラムなので改変してサイト構築に活用すれば手間を大幅に削減できそうです。
関連エントリ
PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」。
クールなフォームのUIに加えて、入力値がおかしい場合のリアルタイムエラー表示を行ってくれるPHPとAjaxのプログラムが入手できます。
UIがクールなフォームになってます
![](http://phpspot.net/php/webimager/admin2/data/b11e94db4e3cb8c832617185d9282bb4.png)
入力チェックの機能。
たとえば、名前を1文字入力して次にいくと、最低で3文字必要だというエラーが次のように表示されます。
![](http://phpspot.net/php/webimager/admin2/data/0e0286e341c38cb9d5670c104de7bf6c.png)
メールアドレスが間違っている場合もちゃんとチェックしてくれます
![](http://phpspot.net/php/webimager/admin2/data/b6d93eb3d39db171605a6afb323b475c.png)
メンテナンスされていない点には注意ですが、なかなか使えるプログラムなので改変してサイト構築に活用すれば手間を大幅に削減できそうです。
関連エントリ
- JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」
- jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法
- フォームのユーザビリティに貢献するjQueryプラグイン
関連の記事検索:JavaScript, jQuery
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ