`
heavenslv
  • 浏览: 82278 次
  • 性别: 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"库为...

    6个Web前端极其精美的触摸效果组件(三)

    在Web前端开发中,用户体验是至关重要的,而精美的触摸效果则是提升用户体验的重要手段之一。本文将深入探讨标题为“6个Web前端极其精美的触摸效果组件(三)”的相关知识点,结合描述中的在线示例地址...

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

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

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

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

    web前端期末大作业源码.zip

    【标题】"Web前端期末大作业源码.zip"是一个包含前端开发项目的压缩文件,这个项目很可能是学生在学期末完成的一项课程任务。它涉及到的主要技术包括HTML、CSS和JavaScript,这些都是构建网页和交互式用户体验的核心...

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

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

    web前端开发综合实例

    在IT行业中,Web前端开发是构建互联网应用的重要组成部分,它主要负责用户与应用程序之间的交互界面。本综合实例将深入探讨“响应式页面”这一关键概念,这是现代网页设计的基石,确保网页能在不同设备和屏幕尺寸上...

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

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

    web前端页面实例

    Web前端页面实例是开发者在学习和实践中积累的重要资源,它涵盖了JavaScript、jQuery和CSS这三种核心技术的运用。这些技术是构建交互式、动态且视觉吸引力强的网页的关键工具。 JavaScript,作为网页的脚本语言,...

    WEB前端-案例汇总

    在“WEB前端-案例汇总”这个资源包中,包含了丰富的前端开发实例,旨在帮助初学者逐步进阶,全面掌握前端开发的各项技能。这个资源大汇总几乎涵盖了前端开发的所有领域,对于想要深入学习和理解Web前端技术的人来说...

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

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

    6个Web前端非常好用绚丽的时间显示(二)

    在本文中,我们将深入探讨"6个Web前端非常好用绚丽的时间显示(二)"这个主题。这个主题聚焦于Web前端开发中的时间显示技术,通过利用不同的框架和UI库,为用户创造出美观且实用的交互体验。我们将从以下几个方面...

    web前端旅游页面div+css实现

    【标题】:“web前端旅游页面div+css实现” 在网页设计中,前端开发扮演着至关重要的角色,它决定了用户与网站交互的直观性和美观性。本项目“web前端旅游页面div+css实现”是一个专注于旅游主题的前端页面设计实例...

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

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

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

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

    web前端做的一个购物商城

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

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

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

    4个Web前端经典实用绝对值得学习收藏的地图实现模板(一)

    在Web前端开发中,地图实现模板是不可或缺的一部分,尤其对于数据可视化、地理位置应用以及导航服务等领域。本资源提供了四个经典且实用的地图实现模板,对于学习和提升Web前端技能具有很高的价值。下面将详细介绍...

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

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

Global site tag (gtag.js) - Google Analytics