如何在AngularJS中判断数值的小数位数是否超过3位

核心校验逻辑（可直接嵌入现有判断） #

你可以根据业务场景选择以下两种常用实现，都可以直接替换你现有整数校验的判断条件：

方式1：字符串分割法（直观无精度问题，推荐普通场景使用） #

通过将数值转为字符串按小数点分割，直接读取小数部分长度判断：

// 触发报错的条件：已提交 && 小数位数超过3位
mySubmittedOrder && (myQuantity.toString().split('.')[1]?.length > 3 ?? false)

如果你的运行环境不支持可选链操作符，可以改用兼容写法：

mySubmittedOrder && (myQuantity.toString().indexOf('.') !== -1 ? myQuantity.toString().split('.')[1].length > 3 : false)

方式2：数学计算法（避免字符串转换操作） #

利用精度缩放后取整对比的逻辑判断：

// 乘以1000后取整如果和原值不等，说明存在3位以上的小数
mySubmittedOrder && Math.floor(myQuantity * 1000) !== myQuantity * 1000

注意：该方式在数值极大/极小的场景下可能存在浮点数精度误差，金额类敏感场景建议优先使用方式1

AngularJS表单自定义校验实现（更适合表单统一管控场景） #

如果你的校验是绑定在表单输入项上，可以自定义校验指令实现复用：

1. 注册自定义校验指令

angular.module('yourApp').directive('decimalLimit', function() {
  return {
    require: 'ngModel',
    link: function(scope, elem, attrs, ngModelCtrl) {
      ngModelCtrl.$validators.decimalLimit = function(modelVal, viewVal) {
        const val = modelVal || viewVal;
        // 空值可根据需求调整是否放行
        if (!val) return true;
        const decimalPart = val.toString().split('.')[1];
        return !decimalPart || decimalPart.length <= Number(attrs.decimalLimit);
      }
    }
  }
})

2. 页面使用示例

<form name="orderForm">
  <input type="number" name="quantity" ng-model="myQuantity" decimal-limit="3">
  <!-- 报错提示 -->
  <span ng-if="orderForm.quantity.$error.decimalLimit && mySubmittedOrder">
    数值小数位数不能超过3位
  </span>
</form>

注意事项 #

• 如果你拿到的输入值是字符串类型，建议先通过Number(xxx)转为数值类型再做校验，避免字符串格式异常导致判断错误
• 金额、高精度计算场景建议先把数值放大1000倍转为整数处理，从根源避免浮点数精度问题

内容的提问来源于stack exchange，提问作者Ryan