zoukankan      html  css  js  c++  java
  • javascript写的银行卡号格式化

    显示为 1234 5678 9875 2584
    <script type="text/javascript" src="__JS__/jquery.bankInput.js"></script> 
    <script>$(".account").bankInput()$(".account").bankList() 
    </script> 
    1.默认使用方法: 
    $("#account").bankInput(); 
    2.设置参数 
    $("#account").bankInput({min:16,max:25,deimiter,' '}); 
    3.非文本框格式化显示 
    $(".account").bankList(); 
     
    (function($){ 
    // 输入框格式化 
    $.fn.bankInput = function(options){ 
            var defaults = { 
            min : 10, // 最少输入字数 
            max : 25, // 最多输入字数 
            deimiter : ' ', // 账号分隔符 
            onlyNumber : true, // 只能输入数字 
            copy : true // 允许复制 
        }; 
    var opts = $.extend({}, defaults, options); 
    var obj = $(this); 
    obj.css({imeMode:'Disabled',borderWidth:'1px',color:'#000',fontFamly:'Times New Roman'}).attr('maxlength', opts.max); 
    if(obj.val() != '') obj.val( obj.val().replace(/s/g,'').replace(/(d{4})(?=d)/g,"$1"+opts.deimiter) ); 
    obj.bind('keyup',function(event){ 
    if(opts.onlyNumber){ 
    if(!(event.keyCode>=48 && event.keyCode<=57)){ 
    this.value=this.value.replace(/D/g,''); 
    } 
    } 
    this.value = this.value.replace(/s/g,'').replace(/(d{4})(?=d)/g,"$1"+opts.deimiter); 
    }).bind('dragenter',function(){ 
    return false; 
    }).bind('onpaste',function(){ 
    return !clipboardData.getData('text').match(/D/); 
    }).bind('blur',function(){ 
    this.value = this.value.replace(/s/g,'').replace(/(d{4})(?=d)/g,"$1"+opts.deimiter); 
    if(this.value.length < opts.min){ 
    alertMsg.warn('最少输入'+opts.min+'位账号信息!'); 
    obj.focus(); 
    } 
    }) 
    } 
    // 列表显示格式化 
    $.fn.bankList = function(options){ 
    var defaults = { 
    deimiter : ' ' // 分隔符 
    }; 
    var opts = $.extend({}, defaults, options); 
    return this.each(function(){ 
    $(this).text($(this).text().replace(/s/g,'').replace(/(d{4})(?=d)/g,"$1"+opts.deimiter)); 
    }) 
    } 
    })(jQuery); 
  • 相关阅读:
    报错:java.lang.IllegalStateException
    Eclipse中修改SVN用户名和密码方法
    部署服务器项目报错
    mybatis的双数据源创建
    SVN改地址eclipse怎么同步
    java中文乱码问题解决
    python3 内置函数
    python 生成器generator
    python 理解高阶函数
    python3 装饰器
  • 原文地址:https://www.cnblogs.com/bolanbujing/p/javascript.html
Copyright © 2011-2022 走看看