TOP  >  WebDesign  >  フォームのための実用的なjQuery集「10 Useful jQuery Form Validation Techniques and Tutorials」
2009年12月20日

フォームのための実用的なjQuery集「10 Useful jQuery Form Validation Techniques and Tutorials」

ユーザーとサイト運営者を結びコンタクトフォーム。個人、商用拘わらず、様々なWEBページで目にします。今日紹介するのは、フォームをもっと便利にしてくれる、フォームのための実用的なjQuery集「10 Useful jQuery Form Validation Techniques and Tutorials」を紹介したいと思います。

jquery_validation1
Form Validation with jQuery from Scratch

フォーム自体を配布していたり、未記入の項目を分かりやすく教えてくれたりと様々なフォーム関係のTipsが公開されています。今日はその中からいくつか紹介したいと思います。

詳しくは以下

How to Validate Forms in both sides using PHP and jQuery
シンプルなphpとjQueryで作られたフォーム。使い勝手もよさそうです。

jquery_validation2
 
 
 
 
 
Adding Form Validation to WordPress Comments using jQuery
テキストエリアに直接アラートができるフォーム。

jquery_validation3
 
 
 
 
 
A jQuery inline form validation, because validation is a mess
ツールチップ風に、各項目のアラートを表示してくれるjQuery。

jquery_validation4
 
 
上記の他にも様々なjQueryのテクニックが紹介されています。興味を持ってくれたユーザーが少しでも、使いやすいように、迷わないように気をつけたい部分ですね。コンバージョンを少しでも上げたい、もっと申し込みや問い合わせを増やしたいと言う方は、効果があるかどうかはサイトそれぞれだと思いますが、試してみてもいいかもしれません。

10 Useful jQuery Form Validation Techniques and Tutorials : Speckyboy Design Magazine

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 04:33  |  
Category: WebDesign   
tag: Design jQuery

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る