欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQuery 正则 限制文本框(input)只能输入数字/限制输入金额为两位小数

程序员文章站 2022-06-07 13:38:20
...
<script>
        /*JQuery 限制文本框只能输入数字*/
        $(".priority,.start-fee,.activity_ratio,.activity_card_money").keyup(function () {
            $(this).val($(this).val().replace(/[^0-9]/g, ''));
        }).bind("paste", function () {  //CTR+V事件处理
            $(this).val($(this).val().replace(/[^0-9]/g, ''));
        }).css("ime-mode", "disabled"); //CSS设置输入法不可用
</script>


.priority  .start_fee…… 为input的class值例如

<div class="layui-form-item">
            <label class="layui-form-label">起始金额</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input start-fee" name="activity_apply_money" placeholder="请输入活动起始金额"
                       required>
            </div>
            <div class="layui-form-mid">元</div>
        </div>




方法二(场景:输入金额的时候限制最大为两位小数)

js代码

  /**
     * 实时动态强制更改用户录入
     * arg1 inputObject
     **/
    function amount(th) {
        var regStrs = [
            ['^0(\\d+)$', '$1'], //禁止录入整数部分两位以上,但首位为0
            ['[^\\d\\.]+$', ''], //禁止录入任何非数字和点
            ['\\.(\\d?)\\.+', '.$1'], //禁止录入两个以上的点
            ['^(\\d+\\.\\d{2}).+', '$1'] //禁止录入小数点后两位以上
        ];
        for (var i = 0; i < regStrs.length; i++) {
            var reg = new RegExp(regStrs[i][0]);
            th.value = th.value.replace(reg, regStrs[i][1]);
        }
    }

    /**
     * 录入完成后,输入模式失去焦点后对录入进行判断并强制更改,并对小数点进行0补全
     * arg1 inputObject
     **/
    function overFormat(th) {
        var v = th.value;
        if (v === '') {
            v = '0.00';
        } else if (v === '0') {
            v = '0.00';
        } else if (v === '0.') {
            v = '0.00';
        } else if (/^0+\d+\.?\d*.*$/.test(v)) {
            v = v.replace(/^0+(\d+\.?\d*).*$/, '$1');
            v = inp.getRightPriceFormat(v).val;
        } else if (/^0\.\d$/.test(v)) {
            v = v + '0';
        } else if (!/^\d+\.\d{2}$/.test(v)) {
            if (/^\d+\.\d{2}.+/.test(v)) {
                v = v.replace(/^(\d+\.\d{2}).*$/, '$1');
            } else if (/^\d+$/.test(v)) {
                v = v + '.00';
            } else if (/^\d+\.$/.test(v)) {
                v = v + '00';
            } else if (/^\d+\.\d$/.test(v)) {
                v = v + '0';
            } else if (/^[^\d]+\d+\.?\d*$/.test(v)) {
                v = v.replace(/^[^\d]+(\d+\.?\d*)$/, '$1');
            } else if (/\d+/.test(v)) {
                v = v.replace(/^[^\d]*(\d+\.?\d*).*$/, '$1');
                ty = false;
            } else if (/^0+\d+\.?\d*$/.test(v)) {
                v = v.replace(/^0+(\d+\.?\d*)$/, '$1');
                ty = false;
            } else {
                v = '0.00';
            }
        }
        th.value = v;
    }


使用方法是在要输入的input框中加入

onKeyUp="amount(this)"  onBlur="overFormat(this)" name="activity_card_money"

例如

 <div class="layui-form-item">
            <label class="layui-form-label">卡券价值</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input activity_card_money" onKeyUp="amount(this)"  onBlur="overFormat(this)" name="activity_card_money"
                       value="{$activity.activity_card_money/100}" placeholder="单张卡券价值" required>
            </div>
            <div class="layui-form-mid">元</div>
        </div>