Calculation/app/view/safe_calc/modal.ejs

<% include ../shares/delete_hint_modal.ejs %>
<% include ./audit_modal.ejs %>
<% include ../shares/upload_att.ejs %>
<div class="modal fade show" id="psb-decimal" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">设置</h5>
            </div>
            <div class="modal-body">
                <div class="form-group mb-3">
                    <h5>小数位数</h5>
                    <div class="row">
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">单价</span>
                                </div>
                                <input type="number" id="psb-up" class="form-control" value="<%- ctx.safeStage.decimal.up %>" org="<%- ctx.safeStage.decimal.up %>" min="0" max="6" maxlength="1" oninput="limitDecimal(this)" <% if (ctx.safeStage.readOnly) { %>disabled<% } %>>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">数量</span>
                                </div>
                                <input type="number" id="psb-qty" class="form-control" value="<%- ctx.safeStage.decimal.qty %>" org="<%- ctx.safeStage.decimal.qty %>" min="0" max="6" maxlength="1" oninput="limitDecimal(this)" <% if (ctx.safeStage.readOnly) { %>disabled<% } %>>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" id="psb-tp" class="form-control" value="<%- ctx.safeStage.decimal.tp %>" org="<%- ctx.safeStage.decimal.tp %>" min="0" max="6" maxlength="1" oninput="limitDecimal(this)" <% if (ctx.safeStage.readOnly) { %>disabled<% } %>>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <% if (!ctx.safeStage.readOnly) { %>
                <button type="button" class="btn btn-sm btn-primary" id="psb-decimal-ok">确认</button>
                <% } %>
            </div>
        </div>
    </div>
</div>
<script>
    // 根据Min Max限制Input输入
    function limitInputMinMax (obj) {
        if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
            obj.value = obj.max;
        }
        if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
            obj.value = obj.min;
        }
    }
    // 根据Maxlength限制input输入
    function limitMaxLength (obj) {
        if (obj.value.length > obj.maxLength) {
            obj.value = obj.value.substr(0, obj.maxLength);
        }
    }
    // 根据正则限制输入
    function limitReg(obj, reg) {
        obj.value = obj.value.replace(reg, '');
    }
    // 小数位数 input 输入限制
    function limitDecimal(obj) {
        limitReg(obj, /[^\d]/g);
        limitMaxLength(obj);
        limitInputMinMax(obj);
    }
</script>