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); 
  • 相关阅读:
    杭电 2602 Bone Collector
    Log4cpp介绍及使用
    DirectSound的应用
    unity3d 中加入�视频
    Android手机分辨率基础知识(DPI,DIP计算)
    MVC中使用AuthorizeAttribute做身份验证操作
    Java正則表達式入门
    使用Java高速实现进度条
    微软历史最高市值是多少?
    android 怎样内置/预置/预编译文件(运行程序,应用程序,apk, jar, lib 等随意文件)到系统中
  • 原文地址:https://www.cnblogs.com/bolanbujing/p/javascript.html
Copyright © 2011-2022 走看看