金额输入框支持带/无千分位逗号，需校验数值符合NUMBER(9,2)

DevOps 小满

2026-7-19

解决金额输入框超范围提交问题

你当前的正则仅做了金额格式校验，没限制数值范围，所以才会出现不带逗号的数值超出数据库NUMBER(9,2)范围仍能提交的情况。要解决这个问题，需要在格式验证通过后，将输入值转换为纯数字，再校验是否符合数据库的数值限制。

修改后的验证方法如下：

$.validator.addMethod("verifyDecimalVal", function(value, element) {
    // 先校验金额格式合法性
    const formatRegex = /^-?(?:\d+|\d{1,3}(?:[\s\.,]\d{3})+)(?:[\.,]\d+)?$/;
    if (!this.optional(element) && !formatRegex.test(value)) {
        return false;
    }
    
    // 可选字段为空时直接通过
    if (this.optional(element)) {
        return true;
    }
    
    // 清理输入值：移除千分位逗号、空格等非数字/小数点字符，统一小数点为.
    let cleanValue = value.replace(/[^\d.-]/g, '');
    // 处理多个小数点的异常情况
    const dotPosition = cleanValue.indexOf('.');
    if (dotPosition !== -1) {
        cleanValue = cleanValue.slice(0, dotPosition + 1) + cleanValue.slice(dotPosition + 1).replace(/\./g, '');
    }
    
    // 转换为数值
    const numValue = parseFloat(cleanValue);
    // NUMBER(9,2)对应的范围：整数最多7位，小数最多2位，最大值9999999.99，最小值-9999999.99
    const maxAmount = 9999999.99;
    const minAmount = -9999999.99;
    
    // 校验数值范围和小数位数
    const decimalDigits = cleanValue.split('.')[1] || '';
    return numValue >= minAmount && numValue <= maxAmount && decimalDigits.length <= 2;
}, "请输入有效的金额，数值需在-9999999.99至9999999.99之间，且小数最多2位");