noqua
7/24/2019 - 3:18 AM

jquery-validation-engine-customize

jQuery Validation Engineに独自のチェック項目を追加するカスタマイズ例。

▼jQuery Validation Engine https://github.com/posabsolute/jQuery-Validation-Engine

▼参考 https://kata-tip.com/jquery-validation/ https://qiita.com/fubarworld2/items/9da655df4d6d69750c06

jquery.validationEngine-ja.js
content_copyfile_download
;/*****************************************************************
 * Japanese language file for jquery.validationEngine.js (ver2.0)
 *
 * Transrator: tomotomo ( Tomoyuki SUGITA )
 * http://tomotomoSnippet.blogspot.com/
 * Licenced under the MIT Licence
 *******************************************************************/
(function($){
    $.fn.validationEngineLanguage = function(){
    };
    $.validationEngineLanguage = {
        newLang: function(){
            $.validationEngineLanguage.allRules = {

            /* *** */

            // ▼ここから追加 -----------------------------------------------
                // 全角文字のみ
                "jpnFullWidth": {                            // 名前（class="validate[custom[この部分]"）
                    "regex": /^[^\x01-\x7E]+$/,              // 正規表現
                    "alertText": "全角文字で正しく入力してください。" // エラーメッセージ
                },

                // 全角数字のみ
                "numFullWidth": {
                   "regex":  /[?!.０-９].*$/,
                   "alertText": "全角数字（０～９）で入力してください。"
               },

               // 全角15文字
                "name": {
                   "regex":  /^[^\x01-\x7E]{1,15}$/,
                   "alertText": "* 全角１５文字以内でご入力ください"
               },

               // 郵便番号（半角数字7桁）
                "postalCode": {
                   "regex":  /^[0-9]{7}$/,
                   "alertText": "* 郵便番号7桁(ハイフンなし)を半角数字でご入力ください"
               },
            // ▲ここまで ---------------------------------------------------

            /* *** */

            };

        }
    };
    $.validationEngineLanguage.newLang();
})(jQuery);