美文网首页
HTML 输入金额的输入框 自动补齐两位小数。三位一个逗号

HTML 输入金额的输入框 自动补齐两位小数。三位一个逗号

作者: LH_0811 | 来源:发表于2017-01-10 12:19 被阅读223次
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>一点即付网络服务有限公司会员系统</title>
    
    <script>
        function currencyFormat(fld, milSep, decSep, e) {
            var sep = 0;
            var key = '';
            var i = j = 0;
            var len = len2 = 0;
            var strCheck = '0123456789';
            var aux = aux2 = '';
            var whichCode = (window.Event) ? e.which : e.keyCode;
            if (whichCode == 13) return true; 
            key = String.fromCharCode(whichCode); 
            if (strCheck.indexOf(key) == -1) return false; // Not a valid key
            len = fld.value.length;
            for(i = 0; i < len; i++)
            if ((fld.value.charAt(i) != '0') && (fld.value.charAt(i) != decSep)) break;
            aux = '';
            for(; i < len; i++)
            if (strCheck.indexOf(fld.value.charAt(i))!=-1) aux += fld.value.charAt(i);
            aux += key;
            len = aux.length;
            if (len == 0) fld.value = '';
            if (len == 1) fld.value = '0'+ decSep + '0' + aux;
            if (len == 2) fld.value = '0'+ decSep + aux;
            if (len > 2) {
            aux2 = '';
            for (j = 0, i = len - 3; i >= 0; i--) {
            if (j == 3) {
            aux2 += milSep;
            j = 0;
            }
            aux2 += aux.charAt(i);
            j++;
            }
            fld.value = '';
            len2 = aux2.length;
            for (i = len2 - 1; i >= 0; i--)
            fld.value += aux2.charAt(i);
            fld.value += decSep + aux.substr(len - 2, len);
            }
            return false;
        }
    </script>
  </head>

  <body>
        <form class="form" role="form">
          <div class="form-group">
            <div class="input-group">
              <input class="form-control" type="text"  onKeyPress="return(currencyFormat(this,',','.',event))" placeholder="充值金额">
              <div class="input-group-addon">¥</div>
            </div>
          </div>
          <button type="submit"  class="btn btn-primary btn-lg btn-block"  >确定</button>
        </form>
  </body>
</html>


相关文章

网友评论

      本文标题:HTML 输入金额的输入框 自动补齐两位小数。三位一个逗号

      本文链接:https://www.haomeiwen.com/subject/lwukbttx.html