输入框约束只能输入两位小数的金额，并且限制整数位最大位数

最新推荐文章于 2024-03-07 16:03:50 发布

sea_ge

最新推荐文章于 2024-03-07 16:03:50 发布

阅读量328

点赞数

文章标签： js 正则表达式

本文链接：https://blog.csdn.net/sea_ge/article/details/122672626

版权

本文介绍了如何使用JavaScript和正则表达式来约束输入框，只允许用户输入最多两位小数的金额，并限制整数部分的最大位数。通过实时验证，确保输入的数据格式正确。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input
      type="text"
      name=""
      id=""
      oninput="handleInputMoney(event)"
      onblur="handleBlurMoney(event)"
    />
    <script>
      function handleInputMoney(e) {
        const target = e.target;
        let money = target.value;
        // 禁止输入非浮点数字符
        money = money.replace(/[^\d.]+/, "");
        // 点开头转换
        money = money.replace(/^[.]+/, "0.");
        // 禁止开头重复0
        money = money.replace(/^0{2,}/, "

最低0.47元/天解锁文章

sea_ge

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入框约束只能输入两位小数的金额，并且限制整数位最大位数

<input type="text" oninput="handleInputMoney" onblur="handleBlurMoney"></input>function handleInputMoney(e){ const target = e.target; let money = target.value money = money.replace(/[^\d.]+/, "");}
复制链接

扫一扫