通过Jquery，在用户端，实时验证指定字节长度的方法。

HTML做成方法

<input type="text" class="force-bytesize-10" .../>

JS调用方法

    $(document.body).find("input[type=text]").each(function() {        // 验证输入内容        callCustomiseInputCheck(this);    });

验证指定字节长度的方法

function callCustomiseInputCheck(inputObject) {    jQuery.each(inputObject.classList, function(itemIndex, classItem) {        //验证字节数        //例：<input type="text" class="force-bytesize-10" .../>        if (/^force\-bytesize\-\d{1,}$/.test(classItem)) {            // 方法【runInputFilter】，参照文章【Jquery实时验证，只能输入指定长度的数字】            runInputFilter(inputObject, '', function(value) {                var valueByteSize = getByteLength(topThis.value)                    //字节数越界的场合                if (valueByteSize > parseInt(classItem.split('-')[2])) {                    return false;                } return true;            });        }    });}

共通处理方法

/** * 计算字节数 * @param chr 指定的字符串 */function getByteLengthChar(chr) {    var result = 0;    if ((chr >= 0x00 && chr < 0x81)        || (chr === 0xf8f0)        || (chr >= 0xff61 && chr < 0xffa0)        || (chr >= 0xf8f1 && chr < 0xf8f4)) {        //半角文字的场合，加1        result = 1;    } else {        //以外的场合，加2        result = 2;    }    return result;};/** * 统计字节数 * @param value 输入内容 */function getByteLength(value) {    var result = 0;    var size = value.length;    for (var i = 0; i < size; i++) {        var chr = value.charCodeAt(i);        result += getByteLengthChar(chr)    }    return result;};