jq控制金额长度,并且只能输入数字

时间:2021-09-13
本文章向大家介绍jq控制金额长度,并且只能输入数字,主要包括jq控制金额长度,并且只能输入数字使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Html:

            <div>
                <div>金额 </div>
                <input id="Money" type="text" value="0.00" maxlength="12" onchange="TotalLimitOnchange(this)" onkeyup="TotalLimitOnkeyup(this)" />
            </div>

jq:

    <script type="text/javascript">//金额限制长度
        function TotalLimitOnkeyup(s_this) {

            var reg = $(s_this).val().match(/\d+\.?\d{0,2}/);
            var txt = '';
            if (reg != null) {
                txt = reg[0];
                if (txt.substring(0, 2) == "00") {
                    txt = "0";
                }
            } else {
                txt = "0";
            }
            if (txt.length > 1) {
                if (txt.substring(0, 1) == "0") {
                    txt = txt.substr(1);
                }
            }

            $(s_this).val(txt);
        }
        function TotalLimitOnchange(s_this) {
            $(s_this).keypress();
            var v = $(s_this).val();
            if (/\.$/.test(v)) {
                $(s_this).val(v.substr(0, v.length - 1));
                console.info(v);
                if (v == null || v == "") {
                    v = "0";
                }
                if (v.substring(0, 2) == "00") {
                    v = "0";
                }
                if (v.length > 1) {
                    if (v.substring(0, 1) == "0") {
                        v = txt.substr(1);
                    }
                }

            }
        }
 
    </script>

原文地址:https://www.cnblogs.com/MakeGod/p/15263264.html