JS 金额正则表达式

在前端开发中，我们经常需要验证用户的输入是否为金额格式。金额格式常见的有两种：1.整数格式；2.保留两位小数格式。

我们可以使用正则表达式来实现金额的验证，本文将为大家介绍如何使用JS正则表达式实现金额验证。

1. 整数格式

我们先来实现整数格式的金额验证。整数格式的金额是不包含小数点的，只包含整数部分。

以下是一个验证整数格式金额的正则表达式示例：

const regex = /^[1-9]\d*$/;

该正则表达式的含义为：

^：表示正则表达式的开始；
[1-9]：表示第一位只能是1~9中的任意一位；
\d*：表示后面可以是0个或多个数字；
$：表示正则表达式的结束。

下面是使用该正则表达式验证整数格式金额的代码示例：

function validateIntegerAmount(amount) {
  const regex = /^[1-9]\d*$/;
  return regex.test(amount);
}

console.log(validateIntegerAmount(100)); // true
console.log(validateIntegerAmount(0)); // false
console.log(validateIntegerAmount(10.5)); // false

可见，当传入的金额是整数格式的时候，该函数返回true；否则，返回false。

2. 保留两位小数格式

接下来，我们来实现保留两位小数格式的金额验证。保留两位小数格式的金额是包含小数点的，小数点前为整数部分，小数点后为两位小数。

以下是一个验证保留两位小数格式的金额的正则表达式示例：

const regex = /^(([1-9]\d*)|\d)(\.\d{1,2})?$/;

该正则表达式的含义为：

^：表示正则表达式的开始；
([1-9]\d*)|\d)：表示数字的整数部分，第一位可以是非0数字，后面可以是0个或多个数字，或者直接是0；
(.\d{1,2})?：表示小数点及小数部分，其中小数点可以出现0次或1次，小数部分最多可以有两位小数；
$：表示正则表达式的结束。

下面是使用该正则表达式验证保留两位小数格式的金额的代码示例：

function validateDecimalAmount(amount) {
  const regex = /^(([1-9]\d*)|\d)(\.\d{1,2})?$/;
  return regex.test(amount);
}

console.log(validateDecimalAmount(10.5)); // false
console.log(validateDecimalAmount(100.01)); // true
console.log(validateDecimalAmount(0)); // true
console.log(validateDecimalAmount(100)); // true

3. 去除千位分隔符

在实际项目中，用户输入金额的时候，可能会加入千位分隔符，例如：1,000.00。这种格式虽然在页面上显示更加美观，但是在计算金额的时候就需要将千位分隔符去除。下面是一个去除千位分隔符的函数示例：

function removeThousandsSeparator(amount) {
  return amount.replace(/,/g, '');
}

const amount = '1,000.00';
console.log(removeThousandsSeparator(amount)); // '1000.00'