jQuery.validation.jsを使ったフォームでチェックによって必須項目の分岐を行う

たとえばチェックボックスAがcheckedの時に、テキストエリアXを必須にする、というようなフォーム間の依存関係なんかは定義できるのでしょうか？

via: http://5509.me/2008/08/22/realtimeformvalidation.html#comments

コメントをもらったので対応方法をメモしておきます。

iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアル

iPhoneユーザーにはお馴染みこのボタン

いつのまにかYahoo検索でも採用されてました同じようなボタン

Yahoo検索キャプチャ

ちょっとした配慮で少しでも入力する手間を軽減できるいい例ですね。
お問い合わせなどのフォームではあんまり役に立たないかもしれませんが
検索窓のテキストボックスなどでは割と使えるかも…？

というわけでこのテキストボックスの中身を消去するボタンを実装する方法を紹介します。
最終的にjQueryプラグインにしているのでサンプルはプラグイン版です。

どんな場面でもフォームの項目入力はどうしても面倒くさいもの。

ある程度決まった単語が入力されるとわかっているなら
よく使う単語を表示して選べれば便利ですよね。

tangoHokanはINPUT入力時に予約語を表示して
少しでもユーザーの負担を減らすための補助スクリプトです。
また入力文字に応じて予約語から絞り込みができます。

Google検索のような予測ではないですが
使い方次第ではシステム連携でそれらしいこともできると思います。

要望のあった文字数チェックを追加したので使い方の抜粋を載せておきます。
詳しくはjQuery.validation.jsの記事を参照してください。

パスワードなどの項目に入力文字数の制限をかけたいときは


<input type="password" id="pass" name="pass" value="" class="required min6 max12" />

のようにclassに

を含ませます。もちろんmin・maxどちらか一方だけを指定でき、
また他のすべてのチェックと併用することができます。
ただし複数項目のメールアドレスは文字列に@を含めるので1文字多く数えられます。
(メールアドレスに入力文字数制限を使うことはないと思うのでそのままにしてます。)

今回のアップデートで

をvalidation項目として含むことができるようになり
これによって大体のフォーム項目はカバーできるようになったと思います。

使い方はjQuery.validation.jsの記事に追記しています。
ついでに名前がvalidation.jsからわかりやすいようにjQuery.validation.jsになりました。

ところでRSSを一部配信から全文配信に変えました。