`
heavenslv
  • 浏览: 82789 次
  • 性别: 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非对称加密的特性,结合分段加密的方法,处理大长度的数据,使得在前端环境中也能实现高效且安全的数据加密。"jsencrypt.min.js"库为...

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

    Axure 8 Web前端+后台+移动前端 元件库是一个专门为产品经理和交互设计师准备的资源集合,旨在帮助他们在设计过程中快速构建清晰、高效的原型。这个元件库包含了各种Web前端、后台管理界面以及移动前端的组件,使得...

    阿里web前端开发手册.pdf

    "阿里web前端开发手册" 阿里web前端开发手册是一份详细的前端开发规范,涵盖了项目命名、目录命名、JS、CSS、SCSS、HTML、PNG 文件命名等多个方面的命名规范。下面是本手册中的一些重要知识点: 1. 命名规范: 在...

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

    在本文中,我们将深入探讨七个精美的Web前端动画效果,这些效果可以显著提升用户体验和网站的视觉吸引力。作为Web开发的重要组成部分,前端动画不仅能够使用户界面更具动态性,还能帮助引导用户注意力,提高交互性。...

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

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

    web前端简历简历简历

    ### Web前端开发工程师核心技能与项目经验解析 #### 基础信息 - **姓名**:[保密] - **求职意向**:Web前端开发工程师 - **联系方式**:[保密] / [保密]@163.com #### 技术栈 1. **HTML5与CSS3**:精通HTML5标记...

    Web前端效果展示:腺体超声图像分割.zip

    Web前端效果展示:腺体超声图像分割

    web前端开发技术储久良第三版答案

    《Web前端开发技术储久良第三版答案》涵盖了前端开发领域的关键知识点,主要针对储久良教授编著的教材第三版中的习题和实验提供了详尽的解答。这本书旨在帮助学习者深入理解Web前端开发的核心概念和技术,通过解决...

    基于html5的web前端设计(旅游景点介绍)

    【压缩包子文件的文件名称列表】:"web前端设计"可能包含了以下文件: 1. index.html:主页面文件,包含HTML5结构和链接到CSS及JavaScript文件的引用。 2. style.css:用于定义网页样式的CSS文件,包括字体、颜色、...

    6个顶级时尚的Web前端3D效果源码(六)

    标题 "6个顶级时尚的Web前端3D效果源码(六)" 提示我们这是一个关于Web前端开发的资源,特别是涉及到3D效果的实现。3D效果在现代网页设计中非常流行,它们能够为用户提供更加生动、立体的交互体验。在这一系列的...

    6个顶级时尚的Web前端3D效果源码(三)

    在本资源中,我们聚焦的是"6个顶级时尚的Web前端3D效果源码"的第三个部分。Web前端开发在近年来发展迅速,尤其是在视觉呈现上,3D效果的应用为网页增添了丰富的动态性和交互性,极大地提升了用户体验。这些源码是...

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

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

    web前端做的一个购物商城

    在本项目中,“web前端做的一个购物商城”是一个基于Web技术构建的在线购物平台,它包含了一系列关键功能,如用户登录注册、个人中心管理、购物车操作以及搜索功能。这个项目利用了JavaSC(可能是JavaScript的误写)...

    2018传智播客web前端开发 39 期视频教程(完整版)

    本套视频为传智2018web前端开发全套视频教程基础班+就业班,视频+源码+案例笔记,全套高清不加密~2018最新传智播客视频! 本教程是实战派课程!为传智最新web前端39期,挑战全网最全视频,没有之一.课程由教学视频+...

    web前端开发html+css+js免费下载(设计作品成品)

    综合以上,这个设计作品不仅展示了基础的前端开发技术,还融入了现代Web开发的高级特性,对于学习和实践Web前端开发有着很高的参考价值。无论是初学者还是有一定经验的开发者,都可以从中学习到实际的开发技巧和实践...

    Web前端开发实训项目源代码

    【Web前端开发实训项目源代码】是一个以Bootstrap框架为基础的实训项目,主要目的是为了帮助学习者掌握Web前端开发的关键技术和实践经验。在这个项目中,开发者利用Bootstrap的灵活性和响应式设计特性,构建了一个...

    web前端仿手机左右滑动

    标题中的“web前端仿手机左右滑动”是指在网页开发中实现类似移动设备上常见的左右滑动页面的效果。这种效果通常用于创建全屏滚动、轮播图或者展示多个项目的流式布局。在移动互联网时代,为了让用户体验更加贴近...

    6个非常经典Web前端使用的炫丽进度条(四)

    本文将深入探讨四个经典的Web前端使用的炫丽进度条,它们能提升用户体验,增加网页的互动性和视觉吸引力。 首先,我们要讨论的是jQuery Progress Bar。jQuery库提供了简单易用的进度条插件,允许开发者轻松创建水平...

    白帽子讲Web安全.pdf百度云分享+Web前端黑客技术揭秘.pdf

    《白帽子讲Web安全》与《Web前端黑客技术揭秘》这两本书是IT行业中关于网络安全,特别是Web安全领域的经典著作。它们深入浅出地探讨了Web安全的重要性和实践方法,为读者提供了丰富的知识。 《白帽子讲Web安全》一...

Global site tag (gtag.js) - Google Analytics