文本框只输入小数

原创 2015年11月18日 14:50:28
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);
                    }
                }
            });


完美实现控制文本框只能输入(包括键入和粘贴)数字和至多一个小数点

注:本文代码的核心部分非本人原创,是引用的,参见地址http://biancheng.dnbcw.info/java/247881.html,我改正并完善了他的使用方法,并写了介绍和总结。 1、只...
  • u014447968
  • u014447968
  • 2016年04月24日 21:52
  • 1154

限制文本框只能输入数字及小数点

$(function(){
  • wuqilianga
  • wuqilianga
  • 2016年03月26日 16:07
  • 1228

JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金)

猜你会喜欢....
  • mynameliMr
  • mynameliMr
  • 2016年05月19日 19:59
  • 36252

js完美解决jsp文本框限制只能输入数字、小数问题

  • 2011年11月27日 22:24
  • 2KB
  • 下载

C#文本框验证:只能输入整数和带两位小数的小数

  • 2015年08月12日 12:00
  • 91KB
  • 下载

js只能输入数字(包括小数)的文本框

  • 2012年12月24日 14:44
  • 1KB
  • 下载

C#正则表达式文本框验证:只能输入整数和带两位小数的小数

  • 2014年06月22日 18:14
  • 292KB
  • 下载

【C#】控制文本框(TextBox)只能输入正数,负数,小数

/* *设置textBox只能输入数字(正数,负数,小数) */ private void textBox1_KeyPress(object sender, KeyPressEventAr...
  • u010398722
  • u010398722
  • 2017年11月14日 21:08
  • 121

C#正则表达式文本框验证:只能输入整数和带两位小数的小数

程序界面截图: 本文主要包含以下内容: 测试用例介绍; 测试用例下载地址; 文本框校验的解决思路; 参考资料;     一、测试用例介绍。 1、平台环境:Vi...
  • zshuaihua
  • zshuaihua
  • 2014年06月22日 18:05
  • 5537

汇编实验-输入数据,查找最小数并回显

  • 2008年12月17日 20:24
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:文本框只输入小数
举报原因:
原因补充:

(最多只允许输入30个字)