zoukankan      html  css  js  c++  java
  • html限制文本框只能输入数字和一个小数点

    近期在做一个前台页面,有一个文本框是用来输入充值金额的,就想到了限制用户只能输入纯数字的数据且只能包含一个小数点。下面就是我实现的代码

    $(function() {
        //阻止数字键以外的按键输入
        $("#zf_money").keydown(function(e) {
            digitInput($(this),e);
        });
    
        function prevent(e) {
            e.preventDefault?e.preventDefault():e.returnValue=false;
        };
    
        function digitInput(el,e) {
            var e=e||window.event; // FF、Chrome IE下获取事件对象
            var c=e.charCode||e.keyCode; //FF、Chrome IE下获取键盘码
            var val=el.val();
            if(c==110||c==190) { // 110 (190) - 小(主)键盘上的点
                (val.indexOf(".")>=0||!val.length)&&prevent(e); // 已有小数点或者文本框为空,不允许输入点
            } else {
                if((c!=8&&c!=46&& // 8 - Backspace, 46 - Delete
                (c<37||c>40)&& // 37 (38) (39) (40) - Left (Up) (Right) (Down) Arrow
                (c<48||c>57)&& // 48~57 - 主键盘上的0~9
                (c<96||c>105)) // 96~105 - 小键盘的0~9
                ||e.shiftKey) { // Shift键,对应的code为16
                    prevent(e); // 阻止事件传播到keypress
                }
            }
        };
    });
    注:$("#zf_money").keydown根据文本框id来设置键盘的keydown事件,根据实际文本框Id值来设置
  • 相关阅读:
    Distribution of Data Through OCAF Tree
    OpenCASCADE Application Framework Data Framework Services
    OpenCascade Application Framework Introduction
    被限制的加法(高精入门)
    凝视
    第二题
    图论3 二分图匹配
    图论2 最近公共祖先LCA
    图论1 Tarjan算法
    最小生成树
  • 原文地址:https://www.cnblogs.com/Gethin/p/4843460.html
Copyright © 2011-2022 走看看