input框（type=’text’）保证输入数字，并精确到小数点后2位

最新推荐文章于 2022-07-05 14:50:53 发布

原创最新推荐文章于 2022-07-05 14:50:53 发布 · 1.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScipt 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个前端金融数字输入框的验证方法，通过正则表达式限制输入格式为最多两位小数，并在失去焦点时自动修正非标准数值。

<input type="text" name="money"  required style="width: 15%"
 value="0" onblur="onlyNum(this)"  />
<script>
//验证金融数字和添加数字和小数点
function onlyNum(that){
    var _value= $(that).val();
	//确保最多两位小数
    var regs = "/^(([1-9]\\d*)|(([0]\\.\\d{1,2}|[1-9][0-9]*\\.\\d{1,2})))$/";
    regs=regs.substr(1,regs.length - 2) ;
    var reg = new RegExp(regs);
    if (!reg.test(_value)) {
        return false;
    }
	//去除非数字字符
   var vv = Math.round(that.value.replace(/[^\d.]/g,"") * 100) /100;    vv = Number(vv);
    vv =vv.toFixed(2);//四舍五入
    that.value =  vv;
}