JS保留两位小数输入数校验代码

这次给大家带来JS保留两位小数输入数校验代码,JS保留两位小数输入数校验的注意事项有哪些,下面就是实战案例,一起来看一下。

输入input 的格式校验:

$(function(){var data = $.trim($("#inputId").val());//此正则表达式验证小数位是否超过两位,小数可为1位 || 2位 || 整数if(!(/^d+(.d{1,2})?$/.test(data ) || /^d$/.test(data ) )){alert("输入金额格式不对!最高精确到分");return ;}//写入对应位置$(".htmlTextClass").innerText(toDecimal2(data ));});//强制小数位保留方法function toDecimal2(x) {var f = parseFloat(x);//isNaN() 函数用于检查其参数是否是非数字值,如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true。如果 x 是其他值,则返回 false。if (isNaN(f)) {return false;}var f = Math.round(x*100)/100; //round() 方法可把一个数字舍入为最接近的整数var s = f.toString();var rs = s.indexOf('.');if (rs < 0) {rs = s.length;s += '.';}while (s.length <= rs + 2) {s += '0';}return s;}

登录后复制

补充:下面看下js保留两位小数的解决办法

var a = 123.456;a = a..toFixed(2);alert(a);//结果:123.46

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

vue环境传递参数打包不同域名代码分析

Vue如何操作html字段字符串转换为HTML标签

以上就是JS保留两位小数输入数校验代码的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2762475.html

(0)
上一篇 2025年3月8日 09:56:36
下一篇 2025年3月8日 09:56:43

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS保留一位数字后移除非数字

    这次给大家带来JS保留一位数字后移除非数字,JS保留一位数字后移除非数字的注意事项有哪些,下面就是实战案例,一起来看一下。 //去除非数字 var clearNoNum = function (item) { if (item!=null …

    编程技术 2025年3月8日
    200
  • JS刷新页面方法总结

    这次给大家带来JS刷新页面方法总结,JS刷新页面的注意事项有哪些,下面就是实战案例,一起来看一下。 JS刷新当前页面的几种方法总结 reload 方法,该方法强迫浏览器刷新当前页面 replace 方法,该方法通过指定URL替换当前缓存在历…

    编程技术 2025年3月8日
    200
  • JS DOM元素常见增删改查操作详解

    这次给大家带来JS DOM元素常见增删改查操作详解,JS DOM元素常见增删改查操作的注意事项有哪些,下面就是实战案例,一起来看一下。 DOM概念 DOM(Document Object Model):文档对象模型。 通过开发者工具的Ele…

    编程技术 2025年3月8日
    200
  • vue2.0实现移动端输入框实时检索更新列表步骤详解

    这次给大家带来vue2.0实现移动端输入框实时检索更新列表步骤详解,vue2.0实现移动端输入框实时检索更新列表的注意事项有哪些,下面就是实战案例,一起来看一下。 最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果,当用户在…

    2025年3月8日 编程技术
    200
  • 使用JS实现购物车功能步骤详解

    这次给大家带来使用JS实现购物车功能步骤详解,使用JS实现购物车功能的注意事项有哪些,下面就是实战案例,一起来看一下。 我们肯定都很熟悉商品购物车这一功能,每当我们在某宝某东上购买商品的时候,看中了哪件商品,就会加入购物车中,最后结算。购物…

    2025年3月8日 编程技术
    200
  • angularjs实现添加购物车金额计算功能

    这次给大家带来angularjs实现添加购物车金额计算功能,angularjs实现添加购物车金额计算功能的注意事项有哪些,下面就是实战案例,一起来看一下。 当我们用js或者jquery进行购物车金额计算的时候会非常麻烦,今天,我们用angu…

    2025年3月8日
    200
  • JS实现数组去重算法

    这次给大家带来JS实现数组去重算法,JS实现数组去重算法的注意事项有哪些,下面就是实战案例,一起来看一下。 测试用例: arr = [“1″,3,”1″,1,4,5,1,”2&#8…

    编程技术 2025年3月8日
    200
  • JS取得最小公倍数与最大公约数

    这次给大家带来JS取得最小公倍数与最大公约数,JS取得最小公倍数与最大公约数的注意事项有哪些,下面就是实战案例,一起来看一下。 方法来自求多个数最小公倍数的一种变换算法(详见附录说明) 最小公倍数的算法由最大公约数转化而来。最大公约数可通过…

    编程技术 2025年3月8日
    200
  • JS操作DOM树遍历方法总结

    这次给大家带来JS操作DOM树遍历方法总结,JS操作DOM树遍历的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了JavaScript实现的DOM树遍历方法。分享给大家供大家参考,具体如下: 二叉 DOM 树的遍历 func…

    编程技术 2025年3月8日
    200
  • JS跨域POST实现步骤详解

    这次给大家带来JS跨域POST实现步骤详解,JS跨域POST实现的注意事项有哪些,下面就是实战案例,一起来看一下。 javascript 跨域是一个很常见的问题,其中 jsonp 是一个最常用的手段,但是 jsonp 只支持 get,不支持…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论