关闭

文本框只输入小数

标签: 整数文本框输入框js整数
491人阅读 评论(0) 收藏 举报
分类:
1,html
<input type="text" class="fl" id="money_input" name="money_input" placeholder="填写金额" value="" maxlength="10">
<div class="g-dashang-money">¥ <span id="total_money">0.00</span></div>
<input type="hidden" name="money" id="money" value="" />

2,js
$('#money_input').keyup(function(event){
                event = event || window.event;
                var code = event.keyCode;
                if(code!=37 || code!=39 || code!=8 || code!=46) {
                    var val = $(this).val().replace(/[^\d\.]/g,'');
                    val = val.split('.');
                    if ( val[1] ) { // 控制小数位
                        val[1] = val[1].substr(0,2);
                    }
                    val = val.slice(0,2).join('.');
                    if ( val.startsWith('.') ) {
                        val = val.substr(1);
                    }
                    $(this).val(val);
                    if ( val == '' ) {
                        $('#total_money').text('0.00');
                        $('#money').val('0');
                    } else {
                        val = parseFloat(val);
                        val = val.toFixed(2);
                        $('#total_money').text(val);
                        $('#money').val(val);
                    }
                }
            });


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:232235次
    • 积分:2390
    • 等级:
    • 排名:第16465名
    • 原创:60篇
    • 转载:47篇
    • 译文:0篇
    • 评论:36条
    友情链接
    波仔
    文章分类
    最新评论
    访问