`
heavenslv
  • 浏览: 81158 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Web前端银行卡号分段输入效果(如:6225 7687 0971 2222)

Web 
阅读更多

 

// 输入银行卡号时的分段处理效果(如:6225 7687 0971 2222)
function convertSpace(obj)
{
    var val = $.trim(obj.value).replace(/\s/g, '');

    var val2 = "";
    var len = 0;
    for (var i = 0; i < val.length; i++) {
        var ch = val.charAt(i);
        if(ch >= 0 && ch <= 9) {
            val2 += ch;
            ++len;
            if (len % 4 == 0) {
                val2 += ' ';
            }
        }
    }
    
    if(val2.substring(val2.length-1,val2.length)== ' ')
    {
        val2 = val2.substring(0,val2.length-1)
    }
    
    if(obj.value != val2) {
        var pos = getPositionForInput(obj);
        obj.value = val2;
        if(pos != val2.length) {
            if(val2.charAt(pos - 1) == ' ') {
                pos++;
            }
            setPositionForInput(obj, pos);
        }
    }
}
分享到:
评论

相关推荐

    前端 RSA分段加密算法

    RSA非对称加密,前端加解密算法代码。公钥明文,私钥各自保存,公钥加密,私钥解密。 RSA分段加密 适用于加密长度超标,可用于图片base64等大长度内容加密。

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十:正则表达式

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十:正则表达式。源码txt格式。

    编写高质量代码--Web前端开发修炼之道.pdf

    本书以网站重构为楔子,深刻而直接地指出了Web前端开发中存在的重要问题—代码难以维护。如何才能提高代码的可维护性?人是最关键的因素!于是本书紧接着全方位地解析了作为一名合格的前端开发工程师应该掌握的技能...

    Web前端开发的现状和未来

    资源名称:Web前端开发的现状和未来内容简介:主题大纲前端的发展和现状行业内前端的位置前端的实际工作面临的问题未来的机遇建议的修炼之路行业内前端的位置前端很Cool?标签语义化、css布局、浏览器兼容、css ...

    WEB前端编码规范WEB前端编码规范WEB前端编码规范

    WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范

    web前端简历简历简历

    web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历

    【千锋】Web前端项目精讲视频(29集)

    千锋Web前端教程:28-29.mui地理定位实战(2集) 千锋Web前端教程:26-27.iscroll实战(2集) 千锋Web前端教程:23-25.ionic-spa应用实战(3集) 千锋Web前端教程:19-22.微信开发扫一扫(4集) 千锋Web前端教程:16...

    10套最美Web前端新年特效

    精心整理的10套最美Web前端新年特效: 2022炫酷新年快乐html网页特效: 2022烟花背景新年快乐html网页特效: 2022新年祝福html网页动画效果: 2022新年html创意时钟: 2022新年3D烟花动画效果: 2022小清新设计新年...

    大巧不工-WEB前端设计修炼之道

    大巧不工-WEB前端设计修炼之道

    Delphi+Web前端开发教程基于TMS+WEB+Core框架.pdf

    《Delphi Web前端开发教程——基于TMS WEB Core框架》PDF本教程适合对使用Delphi TMS WEB Core 创建 Web 应用程序感兴趣的初学者和高级开发人员。学习本教程只需要免费的 Delphi 社区版以及 TMS WEB Core 的试用版就...

    大巧不工Web前端设计修炼之道.pdf

    《大巧不工:Web前端设计修炼之道》以Web前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳...

    web前端初学讲义

    大一web前端讲义。网页又称Web页面,是网络文件的组成部分,是可以被浏览器访问的单个HTML超文本文件,它由文字、表格、图片、声音、视频以及各种功能按钮等组成,这些文字、图片、按钮往往又是指向别的主页的连接点...

    Axure 8 Web前端+后台+移动前端 元件库

    Axure 8 Web前端+后台+移动前端 元件库 。 利用Axure V8 下载,直接使用。 主要用于产品经理在构建清晰化需求的不二选择。 拥有一整套元件是互联网产品经理必备文档。

    web前端初级.pdf

    Web 前端开发职业技能标准串讲教案初级,内共有四篇:第一篇web页面制作基础,第二篇html5和css3开发基础与应用,第三篇JavaScript程序设计,第四篇轻量级框架开发应用。

    7个异常精美的Web前端动画效果的实现(一)

    7个异常精美的Web前端动画效果的实现(一)

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十五:事件处理

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十五:事件处理。源码txt格式。

    web前端网页设计作品web期末大作业web前端作业网页制作代码web大作业制作网页代码

    本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...

    Web前端必备35种前端高档代码

    Web前端必备35中前端高档代码,熟透这35种前端编码技术,你离web高级前端就不远了,有时你与高级前端的差距这是这35条秘籍代码;代码段中已包含浏览器兼容性处理,内核分辨,js图片处理,页面处理,页面字体控制,...

    Web前端网页期末大作业

    主页设计布局是在网站的左上... 首先选定 本网页制作工具是前端开发利器: WebStorm,创建前端项目工程,并创建相应的文件夹,存放各个css、js,还有网页中用到的各种图片放到pic文件夹中,背景音乐放到music文件夹中。

    web前端页面实例

    学习web前端开发中搜集的一些,js、jquery、css实现的web脚本。在需要的时候可以找找借鉴借鉴。

Global site tag (gtag.js) - Google Analytics