JavaScript实现价格输入校验:强制两位小数验证代码

作者:函数茶馆

时间:2026-10-28

浏览:126

本文提供一段JavaScript校验价格合法性的完整实例,重点实现必须输入两位小数的限制。通过正则表达式匹配正数及最多两位小数的格式,结合jQuery监听按钮点击事件,自动检测输入框是否为空或格式错误,并给出相应提示。

文章目录

HTML页面结构实现

HTML结构如下:


具体实现代码:

用户输入价格:
<input type="text" id="txtProPrice" />
<input type="button" value="验证输入" id="btnTest" />

JavaScript校验逻辑与正则表达式

JavaScript逻辑:


具体实现代码:

<script src="jquery.js">
</script>
<script type="text/javascript" language="javascript">
function ckProPrice() {
//验证商品金额
var reg = /(^[-+]?[1-9]\d*(\.\d{1,2})?$)|(^[-+]?[0]{1}(\.\d{1,2})?$)/;
if ($("#txtProPrice").val() == "") {
alert("商品金额不可为空!");
return false;
} else {
if (!reg.test($("#txtProPrice").val())) {
alert("价格必须为有效数值(正数,限两位小数)!");
return false;
} else {
alert("格式正确!yige.org");
return true;
            }
        }
    }
$(function() {
$("#btnTest").click(function() {
ckProPrice();
        });
    });
</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章