zoukankan      html  css  js  c++  java
  • JS如何将控制input标签只允许输入数字(含小数)且控制最多输入两位小数

    这里直接分享一个最简单的实践方案:

    1-借助input标签类型:type="Number"

    <input type="number" onkeyup="setTwoNumberDecimal(this)" />
    

    2-通过onkeyup事件控制输入位数:

    function setTwoNumberDecimal(element) {
        var val = window.parseFloat(element.value);
        //最多保留2位小数,不4舍5入
        element.value = window.parseInt(val * 100) / 100;
    }
    

    总结:

    1. 通过使用window.parseInt截取整数部分功能,达到保留不四舍五入的目的;
    2. 如果想四舍五入,则可以使用0.115.toFixed(2)来保留相应位数,同时又可以四舍五入;
    3. 当然也可以通过字符串截取,正则表达式替换等其他方案实现;
    *感谢您的阅读。喜欢的、有用的就请大哥大嫂们高抬贵手“推荐一下”吧!你的精神 支持是博主强大的写作动力。欢迎转载!
    *博主的文章是自己平时开发总结的经验,由于博主的水平不高,不足和错误之处在所难免,希望大家能够批评指出。
    *我的博客: http://www.cnblogs.com/lxhbky/
  • 相关阅读:
    echarts
    联合省选2021游记
    高维 FWT 学习笔记
    Unicode简介
    mac安装brew
    原生JS实现分页跳转
    Kubernetes Pod Probes 探针解析
    Kubernetes Secrets
    Kubernetes Container lifecycle hooks
    个人作业1——四则运算题目生成程序(基于java)
  • 原文地址:https://www.cnblogs.com/lxhbky/p/14737957.html
Copyright © 2011-2022 走看看