文本框只輸入小數

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);
                    }
                }
            });


發佈了60 篇原創文章 · 獲贊 51 · 訪問量 32萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章