input框，现在只能输入整数和两位小数的价格

原创于 2019-04-30 09:23:12 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html

js输入判断专栏收录该内容

1 篇文章

订阅专栏

本文介绍使用JavaScript进行价格输入验证的方法，包括通过计算小数位数和应用正则表达式来确保输入只包含整数或最多两位小数，适用于商品价格等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用js判断输入的数字只有整数或者两位有效小数内，多用于价格输入

一、方法模式：

var y = String(book_price).indexOf('.') + 1; //获取小数点后面的位置,book_price为js获取的价格输入
var count = String(book_price).length - y;   //获取小数点后台的个数
if (y > 0) {
    if (count != 1 && count != 2) {
        alert("请输入两位小数的有效售价");
        return;
    }
}

二、正则表达式

var reg = /^\d+(\.\d{0,2})?$/;
    if (!reg.test(book_price)){
        alert("请输入有效价格")
    }

/^是输入开始
\d是输入整数
+拼接
\.输入一个点
\d{0,2)输入小数为或 1 或 2
？重复括号里一次或者零次
$/输入结束

var reg = /^\d+(\.\d{0,2})?$/;
    if (!reg.test(book_price)){
        alert("请输入有效价格")
    }