javascript校验价格合法性实例（必须输入2位小数）
更新时间：2014年05月05日 10:23:46 作者：
这篇文章主要介绍了javascript校验价格合法性实例,其中价格必须是数字且必须输入2位小数,需要的朋友可以参考下
HTML代码：
请输入价格：
<input type="text" id="txtProPrice" />
<input type="button" value="验证输入" id="btnTest" />
JS代码：
复制代码 代码如下:
请输入价格：
<input type="text" id="txtProPrice" />
<input type="button" value="验证输入" id="btnTest" />
JS代码：
复制代码 代码如下:
<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>
</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>
相关文章
在前端JavaScript中,由于安全考虑浏览器不允许直接操作文件系统,但浏览器提供了有限的文件操作能力,这篇文章主要介绍了JavaScript如何在前端代码中读、写本地文件的相关资料,需要的朋友可以参考下2024-09-09
本篇文章主要是对js鼠标移动显示图片的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了如何在JavaScript中使用for循环,通过使用JavaScript for...in循环，我们可以循环对象的键或属性，在迭代对象属性或进行调试时，它可能很有用，但在迭代数组或对对象进行修改时，应该避免使用for...in循环，需要的朋友可以参考下2022-11-11
这篇文章主要给大家介绍了关于微信小程序实现自定义动画弹框/提示框的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了Js和JQuery获取鼠标指针坐标的实现代码分享,本文直接给出实现的代码,需要的朋友可以参考下2015-05-05
整理下面的方法，利用使用js获取url参数的朋友2008-07-07
这篇文章主要介绍了Javascript幻灯片播放功能实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
JS模拟多线程...2007-02-02
这篇文章主要介绍了JS随机洗牌算法之给数组随机排序的相关资料,需要的朋友可以参考下2016-03-03
在使用或开发小程序过程中,我们会发现消息通知是非常重要的一个环节,下面这篇文章主要给大家介绍了关于uniapp微信小程序订阅消息发送服务通知的相关资料,需要的朋友可以参考下2023-06-06
最新评论