DBWordPressLinuxChromeWebツールブログTop2013年5月9日jquery.validate.jsのエラーメッセージを独自メッセージにする方法こんにちわ!5月です。例年より少し肌寒い気がします。HTMLフォームのバリデータプラグイン「jquery.validate.js」はエラーメッセージを指定しなくても、デフォルトのエラーメッセージが表示されます。[スポンサーリンク]しかし、デフォルトのエラーメッセージは全て英語なので、日本では少々使い勝手が悪いですよね。「jquery.validate.js」のエラーメッセージは、自分で指定することが可能です。日本語のメッセージにすることも可能です。この章でやること「jquery.validate.js」のmessagesの使い方を紹介します。"idは必須項目です。"idは数値形式で入力して下さい。"idは3字以上で入力して下さい。"idは10字以下で入力して下さい。"nameは必須項目です。"dateは日付形式で入力して下さい。</form></body></html>解説rulesの子要素(id,name,date)に対応させて、messagesにエラーメッセージを指定していきます。上記のソースを例にしますと、idのrules、「required」・「digits」・「minlength」・「maxlength」に対応するエラーメッセージを指定しています。idの入力値が空だった場合は、「idは必須項目です。実行結果こんな感じでエラーになります。実際にデモを触って確認してみて下さい。デモ実際に動かすことが出来ますさいごにjquery.validate.jsのエラーメッセージの指定方法は、非常に分かりやすい印象があります。常にrulesとmessageがセットになっている。ようなイメージなので分かりやすいのかなと感じました。今回はエラーメッセージを独自メッセージに変更しました。エラーメッセージは変わりましたが、エラーメッセージが表示される場所は、デフォルトと同じです。テキストボックスのすぐ横に表示されます。jquery.validate.jsは、エラーメッセージを表示する場所も変更出来ます。こちらはまた次回紹介していきたいと思います。それでは!TweetPocket[スポンサーリンク]最後まで読んでいただきありがとうございます!この記事はお役に立てましたか?お役に立てたことがあればシェアしていただけると嬉しいです!TwitterFacebookPocketはてブGoogle+Feedly関連している記事をピックアップしました!こちらの記事もあわせて読んで頂ければ嬉しいです。