js填写银行卡号，每隔4位数字加一个空格

一直很安静a

于 2016-03-17 00:55:00 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js提升

本文链接：https://blog.youkuaiyun.com/qq_15804925/article/details/50909878

js提升专栏收录该内容

7 篇文章

订阅专栏

1、原生js写法

JavaScript



1

2

3

4

5

6

7

8

!function
()
{

    document.getElementById('bankCard').onkeyup
=
function
(event)
{

        var
v
=
this.value;

        if(/S{5}/.test(v)){

            this.value = v.replace(/s/g,
'').replace(/(.{4})/g,
"$1 ");

        }

    };

}();

2、jQuery写法

XHTML

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html
lang="en">

<head>

    <meta
charset="UTF-8">

    <title></title>

</head>

<body>

<input
type="text"
id="J_BankCard"/>

<script
src="http://static.ydcss.com/libs/jquery/1.11.2/jquery.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(/(.{4})/g,
"$1 "));

        });

    }();

</script>

</body>

</html>