js控制输入的价格为小数点后两位

正则控制价格输入

最新推荐文章于 2024-01-29 15:57:35 发布

原创最新推荐文章于 2024-01-29 15:57:35 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#价格控件 #js价格控制 #价格保留小数点后两位

js验证同时被 2 个专栏收录

15 篇文章

订阅专栏

价格控件

0 篇文章

订阅专栏

本文介绍了一种利用正则表达式限制网页表单中价格输入的方法，确保输入的价格最多保留两位小数。通过JavaScript实现自动修正非法输入。

一般在web开发时，有时需要控制文本框中价格保留小数点后两位，以后是例子,可参考使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>用正则表达式控制价格输入</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var record={
num:""
}
var checkDecimal=function(n){
var decimalReg=/^\d{0,8}\.{0,1}(\d{1,2})?$/;//var decimalReg=/^[-\+]?\d{0,8}\.{0,1}(\d{1,2})?$/;
if(n.value!=""&&decimalReg.test(n.value)){
record.num=n.value;
}else{
if(n.value!=""){
n.value=record.num;
}
}
}
</script>
</head>
<body>
<h3>实用技巧：用正则表达式控制价格输入</h3>
销售价<input maxlength="10" size="18" type="text" name="price" value="" onkeyup='checkDecimal(this)'/>
</body>
</html>