页面验证金额或者键盘输入

最新推荐文章于 2021-05-30 19:28:29 发布

ZHA0KAl

最新推荐文章于 2021-05-30 19:28:29 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： function class null input

本文链接：https://blog.youkuaiyun.com/LF_Software_Studio/article/details/7325937

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的金额输入框格式化及有效性验证方法。当用户离开输入框时，输入的数字会自动格式化为带有逗号分隔符的形式，如123,456。当重新获得焦点时，格式又会还原为连续数字形式。此外，还实现了对输入内容的小数位数限制和非数字字符检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(":text").live("blur",function(){//金额输入框失去焦点时，将输入的金额eg：123456变成123,456格式
       var classAttr = $(this).attr("class");
       if(classAttr==null || classAttr=="") {
           return ;
       }

       if($(this).attr("class").indexOf("money")>=0) {
           //alert(checkRate($(this).val()));
           if($(this).val()==null || $(this).val()=="") {
               return ;
           }
           if(!checkRate($(this).val())) {
               $(this).focus();
               return ;
           }
       }
   });

   $(":text").live("focus",function(){//金额输入框在次获取焦点时，将123,456格式再次变成123456
       var classAttr = $(this).attr("class");
       if(classAttr==null || classAttr=="") {
           return ;
       }
       if($(this).attr("class").indexOf('money')>=0) {
           var str = $(this).val();
           if(str==null || str=="") {
               return ;
           }
           while(str.indexOf(",")>=0) {
               str = str.replace(",","");
           }
           $(this).val(str);
       }
   });

//验证是否有效的数字
function checkRate(input) {
   var index = input.indexOf(".");
   if(index>0 && input.substring(index).length>3) {
       alert("请输入有效的金额，小数位最多为两位");
       return false;
   }
   if(isNaN(input)) {//不是数字isNaN返回true
       alert("请输入有效的金额，小数位最多为两位");
       return false;
   }
   return true;
}

    $(":text").live("keydown",function(){//回车时间
       var ev = document.all ? window.event : event;
        if(ev.keyCode==13) {//回车时间
           ev.keyCode=9;
        }
   });