jquery - Jquery 検証プラグイン - 数字と文字を受け入れるフィールド - 数字が入力された場合は maxlength を設定します

Question

ユーザーが郊外または郵便番号に基づいて店舗を検索できるフィールドがあります。Jquery 検証プラグインを使用して、このフィールドに入力された値を検証しています。基本的に、数字が入力された場合にのみ、maxlength を 4 に設定したいと考えています。そこに郊外が入力されている場合、最大長である必要はありません。

最良のアプローチに関する提案はありますか？

Answer 1

次のような検証ルールを使用できます

var validator = $('#myform').validate({
    rules: {
        search: {
            required: true,
            maxlength: {
                param: 4,
                depends: function(element){
                    var value = $.trim($(element).val());
                    return /^\d+$/.test(value);
                }
            }
        }
    },
    messages: {}
});

デモ:フィドル