開発JavascriptWeb前回、フォームをAJAXでうんちゃかするjQueryFormPluginのエントリーを書きましたけど、フォームと言えばValidateですよね。ことでjQueryValidatePluginについてもサラサラ見ていたので、こっちも日本語Document化したのを書いておく。日本語化して書いていたら思ったよりも量が多くて少し適当な感が否めないような感じになっているかもしれません。必要なさそうなところは一部飛ばしているしー、たまにおかしいところがあるかもしれませんが悪しからず。そんときはコメントくださーい。あ、あとエラーメッセージ等のローカライズ版と日本語環境用のValidateメソッドを新たに追加するスクリプトも書きました。Pluginとの連携でAJAXなんちゃら〜に関することも書いときます。)バリデートする任意のフォームを設定します。詳細についてオプション値を設定することも出来ます。valid()を呼び出す前にvalidate()を呼び出しておく必要がある。false;});■rules()バリデートするフォームのエレメントに設定されているルールをオブジェクトデータとして取得します。)バリデートするフォームのエレメントに新しくルールを追加します。)バリデートするフォームのエレメントに設定されているルールを外します。)メソッドのオプション■debugtrueの場合、デバッグモードになりフォームは送信されない。内容はjavascriptのデバッグコンソールに出力される。true})■submitHandlerフォーム内容がValidだった場合のコールバック関数を指定します。指定されていない場合は、通常通りフォームが送信されます。}})■invalidHandlerフォーム内容がInvalidだった場合のコールバック関数を指定します。})■ignoreValidateを無視するエレメントをセレクタで指定します。&#34;.ignore&#34;})■rulesValidateルールを指定します。詳しい指定方法は下の方に記述します。//nameは必須項目。}})■messages各エレメントの各ルールに応じたエラーメッセージを個々に設定します。&#34;nameは必須項目です。&#34;emailは必須項目です。&#34;emailの入力形式が正しくありません。}})■groups入力項目のvalidateをグループとしてまとめます(TELなど複数の入力欄に分かれたものに単一のメッセージを表示する)。グループのエラーメッセージはerrorPlacementで指定できます。falseで指定する。falseで指定します。falseで指定します。falseで指定します。falseで指定します。falseで指定します。デフォルトはfalse■errorClasserrorClassとして挿入されるClassNameを再設定します。&#34;invalid&#34;})■validClassvalidClassとして挿入されるClassNameを再設定します。&#34;success&#34;})■errorElementエラーメッセージのマークアップタグを再指定します。&#34;em&#34;})■wrapperValidate時のエラーメッセージをリストのようにまとめて表示する場合、個々のエラーメッセージのマークアップタグを指定します。(errorLabelContainerを指定時のみ使用)■errorLabelContainerValidate時のエラーメッセージをリストのようにまとめて表示する場合のエレメントを指定します。Invalidの場合のエレメントが表示されます。&lt;/form&gt;■errorContainerInvalid時に表示するエレメントを指定します(それ以外の時は非表示)。}})■showErrorsオリジナルのメッセージ表示コールバック関数を指定します。errorListが渡されます。これ以外にデフォルトのエラーメッセージも表示したい場合はthis.defaultShowErrors()を呼び出す必要があります。})■errorPlacementエラーメッセージを表示する場所を指定します。デフォルトではエレメントのすぐ後に挿入されます。})■successStringを設定した場合、Valid時に表示するメッセージのClassNameを設定します。functionを設定した場合、Valid時に表示するメッセージに関する関数を設定します。}})■highlightValidate時にInvalidの入力項目に対する警告アニメーション等を関数で設定します。}})■unhighlighthighlightによって変更された要素がValid時に行われるアニメーション等を関数で設定します。Pluginの拡張セレクタ■:blank入力項目が空白のエレメントオブジェクトを選択する。&#34;red&#34;);■:filled入力項目に値が含まれているエレメントオブジェクトを選択する。&#34;blue&#34;);■:unchecked:checkedの逆でcheckされていないエレメントオブジェクトを選択する。)templateで設定した文字列の{n}を[argument]で置き換える。falseで返します。falseで返します。)バリデートするフォームをリセットします。バリデート時に追加されたclassなども外されます(バリデートエラーを表示させない)。)オリジナルのエラーメッセージを表示します。引数には表示するエレメントのnameをkey、メッセージをvalueとしたオブジェクトを指定します。)validateした結果がfalseの項目数を返します。)Validateオブジェクトにデフォルトで設定するオプション値を設定します。)オリジナルのValidationメソッドを追加します。引数はそれぞれ以下の通り。オリジナルメソッドの名前を指定します。オリジナルのValitation関数を指定します。[params](任意のパラメータ配列)が与えられます。Validate時のメッセージを指定します。jQuery.validator.format()で[params]の値を入れることも可能です。)ValidateClassに対して個々にルールを設定します。)Validateルールを追加します。)入力項目を必須にします。)引数に指定したエレメントが選択された場合に、入力項目を必須にします。)引数に指定した関数がtrueを返した場合に、入力項目を必須にします。nullの場合invalidとなる。)入力可能な最小の文字数を設定します。)入力可能な最大の文字数を設定します。)入力可能な文字数の指定を配列でします。)入力可能な最小の数字を設定します。)入力可能な最大の数字を設定します。)入力可能な数字の幅の指定を配列でします。)Emailアドレスの形式で入力されているかチェックします。)URLの形式で入力されているかチェックします。)日付の形式で入力されているかチェックします。)ISO日付形式で入力されているかチェックします。)数字のみが入力されているかチェックします(小数点・マイナスもOK)。)数字のみが入力されているかチェックします(整数のみ)。)クレジットカード番号が入力されているかチェックします。)fileフォームで指定した拡張子のファイルが選択されているかチェックします(「|」区切りで入力)。)他の項目と入力されている内容が等しいかチェックします(確認のため二度入力する項目など)。日本語環境用Pluginっていうのは、冒頭にも書いたとおり、エラーメッセージ等の日本語ローカライズJSと「ひらがなのみ」等の日本語環境用ValidateメソッドJSを合わせたものです。PluginのPlugin。日本語ローカライズJSはこんな感じ。&#34;クレジットカード番号を入力してください&#34;});で、日本語環境用Validateメソッドがこんな感じ。これは入らないヤツは消してOK。&#34;電話番号を入力してください(例:012-345-6789)&#34;);これをまとめたファイルがjquery.validate.japlugin.jsなので、以下のような感じで読み込めばOK。Pluginとの連携についてですが、すごく簡単。Pluginファイルを読み込んで、validate(option)のオプション値のsubmitHandlerでajaxSubmit()を呼び出せばOKです。falseを指定しておくといいんじゃないかと思います。Blog|ブログを報告する。