• かちびと.net

    フォームのバリデーション用jQueryプラグインいろいろ+α。お問い合わせなど、フォームのユーザビリティを向上させるバリデーション系のプラグインを備忘録的にまとめます。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

フォームのバリデーション用jQueryプラグインいろいろ+α

スポンサーリンク

個人的なメモ。普段さほど使うことが
無いので、必要な時に探すのに時間
掛からないようにまとめておきます。
沢山ある必要はさほど無いのですが、
勉強用も兼ねていろいろと数を揃えて
おきました。

お問い合わせフォームのユービザリティ向上として導入されるバリデーション用のjQueryプラグインのまとめと、その他Tipsやフォームデザイン周りの情報をちょろっと。一応動作だけIE6、7でも確認しています。

exValidation

安心(?)の国産プラグインです。複雑なフォームにも対応できるのでとりあえずこれを覚えておけば安心ではないかと思います。

どんなフォームにも使えるjQueryのフォームバリデーション exValidation

jquery.validate.js

Validationの日本語Ver.です。シンプルなので使い勝手いいですね。日付の確認用プラグインも派生していますので合わせて。

jquery.validate.js
date_time_validate

inline form validation

バシャログさんの記事が分かりやすいです。リアルタイムにバリデーションを掛けてくれます。また、WPの人気プラグイン、Contact Form 7で使う方法をwpxtremeさんが記事にしてくれています。

inline form validation

JQuery Form Validation And Hints

いつもお世話になっているskuare.netさんに解説がありますので合わせて。ベーシックなプラグインですが、IE6、7で正常に動作しないようです。

JQuery Form Validation And Hints

Ketchup Plugin

これもリアルタイム系。噴出しがスライドアップしてかわいいですね。IE6、7は非対応です。

Ketchup Plugin

HAPPY.JS

とにかくシンプルで軽量がいい、という方はこちら。対応ブラウザも書いてあるのでご参照下さい。

HAPPY.JS

Really easy field validation

これもベーシックで使い勝手よさそう。class属性でオプション指定→エラーチェック方法を選択出来ます。

Really easy field validation

その他

その他、合わせて使いそうな情報をいくつか。

jQueryでバリデーション付きメールフォームを作ろう

自分で作れるに越した事は無いですね。という訳でお馴染みTo-Rさんのチュートリアル。

jQueryでバリデーション付きメールフォームを作ろう

WPのコメント欄にバリデーションを適応させるチュートリアル

Nettuts+の分かりやすい解説。

Adding Form Validation to WordPress Comments using jQuery

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい

インターフェースもあわせて。

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい

デザイナー・コーダー必見!使えるform関連jQueryプラグインの数々


こちらもデザイン周りの情報まとめです。

デザイナー・コーダー必見!使えるform関連jQueryプラグインの数々

以上、バリデーション出来るjQueryプラグインいろいろ+αでした。

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services