• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:jQuery-Validation-Engine)

jQuery-Validation-Engineにチェックとエラー処理を追加する方法

このQ&Aのポイント
  • jQuery-Validation-Engineには、チェック内容を追加することができます。
  • 具体的には、全角文字、全角カタカナのチェックと必須項目のチェックを追加することができます。
  • エラーメッセージもカスタマイズすることができます。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

回答します 全てjquery.validationEngine-ja.jsに確認ルールとエラーメッセージを登録すればできます 124行目あたりに // --- CUSTOM RULES -- Those are specific to the demos, they can be removed or changed to your likings という記述があるので、その中に追加します "ルール名": { //←validate[xx]の「xx」部分 // ルールの説明 "regex": チェックする内容, "alertText": "* 表示するメッセージ" }, > (1) 入力された文字が全角文字であること >   エラーメッセージ:全角文字で入力してください "zenkaku": { "regex": /^[0-9-a-zA-Zぁ-んァ-ー一-龠 ]+$/, "alertText": "* 全角文字で入力してください" }, とりあえず「zenkaku」というルール名で、全角英数字とハイフン、ひらがな、カタカナ、漢字、全角空白を許しています(必要に応じて記号などを足すなり、JavaScriptにするなり替えてください) > (2) 入力された文字が全角カタカナであること >   エラーメッセージ:全角カタカナで入力してください "zkana": { "regex": /^[ァ-ー]+$/, "alertText": "* 全角カタカナで入力してください" }, 「zkana」というルール名でカナを許可しています(同様に改変してください) > (3) 項目1か項目2のどちらかに必ず入力があること >   エラーメッセージ:どちらかの項目に入力してください 「groupRequired[group name]」というルールが定義されています エラーメッセージは英語で定義されているので、「alertText」の内容を書き換えれば使えます。 「group name」で同一の組み合わせとなるので、これを「grp1」、「grp2」…と複数作れば、複数の組み合わせを作ることができます

参考URL:
https://github.com/posabsolute/jQuery-Validation-Engine