文本框只输入小数

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


阅读更多
个人分类: Html JavaScript
上一篇ajax与HTML5 history pushState/replaceState实例
下一篇XML 特殊字符处理和 CDATA
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭