编程技巧:Jquery实时验证，指定长度的「正小数」

为了保障【正小数】的正确性，做成了通过Jquery，在用户端，实时验证指定长度的【正小数】的方法。

HTML做成方法

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

JS调用方法

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

验证【正小数】类型方法

function callCustomiseInputCheck(inputObject) {
    jQuery.each(inputObject.classList, function(itemIndex, classItem) {
        if (/^force\-decimal\-\d{1,}\-\d{1,}$/.test(classItem)) {
            //例：<input type="text" class="force-decimal-10" .../>
            // 方法【runInputFilter】，参照【Jquery实时验证，只能输入指定长度的数字】
            runInputFilter(inputObject, ',', function(value) {
                if (/^\d*\.?\d*$/.test(value)) {//数字的场合
                    var jsInteger = value.split('.')[0];//整数部
                    var jsScale = value.split('.')[1];//小数部
                    //整数部分越界的场合
                    if (jsInteger && parseInt(jsInteger) > 0
                        && jsInteger.length > parseInt(classItem.split('-')[2])) {
                        return false;
                    }
                    //小数部分越界的场合
                    if (jsScale && parseInt(jsScale) > 0
                        && jsScale.length > parseInt(classItem.split('-')[3])) {
                        return false;
                    }
                    return true;
                } else {
                    //不是数字的场合
                    return false;
                }
            });
            //格式化
            postLostFocus(inputObject, function(inputObject) {
                if (!inputObject.value.contains('.')) {
                    inputObject.value = inputObject.value + '.';
                }
                var regExp = new RegExp(/^(\-?)(0{1,})?(\d*\.?\d*)$/);
                var outPutArray = inputObject.value.match(regExp);
                inputObject.value = outPutArray[1] + outPutArray[3];//去除前面连续的0(例：「0012?12」、「0012.23?12.23」)

                inputObject.value = CommonUtilJs.addComma(inputObject.value);
            });
            //终止循环
            return false;
        }
    });
}

共通处理方法

/**
 * 绑定失去焦点时的处理
 * @param textbox HTML输入框
 * @param lostFocusFunction 失去焦点时的处理
 * 例：postLostFocus(ocument.getElementById("XXX"),functionXXXXX);
 */
function postLostFocus(textbox, lostFocusFunction) {
    ["focusout"].forEach(function(event) {
        var eventCommonPostLostFocus = function(event) {
            lostFocusFunction(this);
        }
      // 参照文章【前端Jquery调用on或bind方法，避免重复绑定】
        addEventExtras(textbox, event, eventCommonPostLostFocus);
    });
}

function CommonUtilJs() { }
//数值格式化
CommonUtilJs.addComma = function(value) {
    var patern = /^([\+\-]?\d+)(\d{3})([\,\d+]*)(\.\d+)?$/;
    var rep = "";
    var val = "";
    if (value != undefined && value != null) {
        val = String(value);
        while (rep != val) {
            rep = val;
            val = rep.replace(patern, "$1,$2$3$4");
        }
    }
    return val;
};