js 金额输入校验

下面是一个简单的 JavaScript 金额输入校验函数：

function validateAmount(input) {
  const amountRegex = /^\d+(\.\d{1,2})?$/; // 金额正则表达式
  if (amountRegex.test(input.value)) {
    // 输入合法
    input.setCustomValidity("");
  } else {
    // 输入不合法
    input.setCustomValidity("请输入正确的金额");
  }
}

该函数通过正则表达式判断用户输入的金额是否合法，正则表达式 `/^\d+(\.\d{1,2})?$/` 匹配的是整数或小数（最多保留两位小数），如果用户输入的金额不符合该正则表达式，那么会提示用户输入正确的金额。

在 HTML 中，可以这样使用该函数：

<input type="text" oninput="validateAmount(this)">

这样，当用户输入金额时就会自动调用 `validateAmount` 函数进行校验。如果输入不合法，那么输入框会显示一条错误信息，提示用户输入正确的金额。

相关问题

前端js使用正则校验中文大写金额

可以使用以下正则表达式来校验中文大写金额：

/^((壹|贰|叁|肆|伍|陆|柒|捌|玖|拾|佰|仟|万|亿)+)?(点(零|壹|贰|叁|肆|伍|陆|柒|捌|玖)+)?$/

这个正则表达式可以匹配以下格式的中文大写金额：

- 壹元整
- 贰拾元整
- 肆佰伍拾元整
- 陆仟柒佰捌拾元整
- 壹万贰仟叁佰肆拾五元整
- 壹亿贰仟叁佰肆拾五万陆仟柒佰捌拾元整
- 壹角贰分
- 伍角

你可以使用这个正则表达式来校验输入的中文大写金额是否符合规范。

写一个input输入框校验规则，限制输入内容为金额格式

可以使用正则表达式来校验输入内容是否为金额格式，以下是一个示例代码：

function validateAmount(input) {
  // 金额正则表达式，允许整数部分最多13位，小数部分最多2位
  const regex = /^([1-9]\d{0,12}|0)(\.\d{1,2})?$/;
  return regex.test(input);
}

// 调用示例
const input = document.querySelector('#amount-input');
input.addEventListener('input', (event) => {
  const value = event.target.value;
  if (!validateAmount(value)) {
    // 校验不通过，清空输入框
    event.target.value = '';
  }
});

在上面的代码中，我们定义了一个`validateAmount`函数，它接收一个输入字符串作为参数，返回一个布尔值，表示输入是否为金额格式。该函数使用了一个正则表达式来进行校验，正则表达式中：

- `^`表示字符串的开头
- `([1-9]\d{0,12}|0)`表示整数部分，允许1到13位数字，但是不能以0开头
- `(\.\d{1,2})?`表示小数部分，允许1到2位数字，但是整个小数部分是可选的
- `$`表示字符串的结尾

在输入框的`input`事件中，我们调用了`validateAmount`函数来判断输入是否合法，如果不合法，则清空输入框。注意，在实际应用中，我们可能还需要在用户提交表单时再次校验输入内容。