欢迎访问WDPHP素材源码!今天是2021年12月01日 星期三,天亮要了!
您好,游客 [ 马上登录 | 注册帐号 | QQ登录]
当前位置:首页 > 教程 > 前端开发 > 

js填写银行卡号,每隔4位数字加一个空格
栏目分类:前端开发    发布日期:2017-09-22    浏览次数:4261次     收藏

1、原生js写法

!function () {
    document.getElementById('bankCard').onkeyup = function (event) {
        var v = this.value;
        if(/\S{5}/.test(v)){
            this.value = v.replace(/\s/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
        }
    };
}();

2、jQuery写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="text" id="J_BankCard"/>
<script src="http://res.wdphp.com/jquery/1.10.2/jquery.min.js"></script>
<script>
    !function () {
        $('#J_BankCard').on('keyup mouseout input',function(){
            var $this = $(this),
                v = $this.val();
            /\S{5}/.test(v) && $this.val(v.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g, "$1 "));
        });
    }();
</script>
</body>
</html>
评论1
头像 游客
友情提示:评论成功赠送5积分(每日前3次),刷评论扣8积分!
  • 头像 沙发
    2018年06月16日
    panli
    这个特效不错!
Copyright © 2016-2020 wdphp.com 版权所有   本站由WDPHP网站管理系统强力驱动  陕ICP备16002142号
网站首页 | 交流社区 | 关于我们 | 仿站定制 | 积分获取 | 广告投放 | 在线工具 | 站点地图
源码 模板 特效 素材 资源 教程 站长