• 小数点校验,只允许输入数字,小时点后只有两位


    输入框只能输入数字,不允许输入文字,字母,特殊字符,小数点后只允许输入两位,

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        
        <style>
            .box{
                height: 400px;
                width: 500px;
                margin: 100px auto;
                padding-top: 20px;
            }
        </style>
    </head>
    <body>
    <div class="box">
        <input type="text" id="amount"/>
    </div>
    <script src="jquery.min.js"></script>
    <script>
        $(function(){
            $('#amount').keyup(function(event) {
                var $amountInput = $(this);
                //响应鼠标事件,允许左右方向键移动
                event = window.event || event;
                if (event.keyCode == 37 | event.keyCode == 39) {
                    return;
                }
                //先把非数字的都替换掉,除了数字和.
                $amountInput.val($amountInput.val().replace(/[^d.]/g, "").
                    //只允许一个小数点
                        replace(/^./g, "").replace(/.{2,}/g, ".").
                    //只能输入小数点后两位
                        replace(".", "$#$").replace(/./g, "").replace("$#$", ".").replace(/^(-)*(d+).(dd).*$/, '$1$2.$3'));
            });
            $('#amount').blur(function(event) {
                var $amountInput = $(this);
                //最后一位是小数点的话,移除
                $amountInput.val(($amountInput.val().replace(/.$/g, "")));
            });
        })
        /*$("#amount").on('keyup', function (event) {
            var $amountInput = $(this);
            //响应鼠标事件,允许左右方向键移动
            event = window.event || event;
            if (event.keyCode == 37 | event.keyCode == 39) {
                return;
            }
            //先把非数字的都替换掉,除了数字和.
            $amountInput.val($amountInput.val().replace(/[^d.]/g, "").
                //只允许一个小数点
                    replace(/^./g, "").replace(/.{2,}/g, ".").
                //只能输入小数点后两位
                    replace(".", "$#$").replace(/./g, "").replace("$#$", ".").replace(/^(-)*(d+).(dd).*$/, '$1$2.$3'));
        });
        $("#amount").on('blur', function () {
            var $amountInput = $(this);
            //最后一位是小数点的话,移除
            $amountInput.val(($amountInput.val().replace(/.$/g, "")));
        });
    */
    </script>
    </body>
    </html>
  • 相关阅读:
    centos安装nginx
    Vue练习十一:02_05_函数传参改变Div任意属性的值
    Vue练习十:02_04_弹出层
    Vue练习九:02_03_求数组中所有数字的和
    Vue练习八:02_02_点击div显示内容
    Vue练习七:02_01_百度输入法
    Vue练习六:01_06_记住密码提示框
    Vue练习五:01_05_鼠标移入改变样式鼠标移出恢复
    Vue练习四:01_04_点击将DIV变成红色
    Vue练习三:01_03_函数传参
  • 原文地址:https://www.cnblogs.com/cxx328/p/6202448.html
Copyright © 2020-2023  润新知