I develop a method to validate  minmum byte length of string inputted as follow:

 

jQuery.validator.addMethod(
    "minByteLength",
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || length >= param[0]
    },
    $.validator.format("need at least {0} bytes")
);

 

When I use the method in my validator as follow:

 

$(document).ready(function({

    $("#myform").validate(){

        rules: {

             id : {

                 required: true,

                 minByteLength: 3

            }

        } 

    };

});

    

the minByteLength can not act as the pre-defined method 'required', The error message of minByteLength displayed when the other fields get focus. But as default the error message is displayed when submit the form.

Can someone help me to solve this problem? Thank's very much!