二优

一个走在前端开发道路上的大高个。

关于填写银行卡每4位加一个空格的解决方法

1、原生js写法

!function(){

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

        varv=this.value;

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

            this.value=v.replace(/\s/g,'').replace(/(.{4})/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="https://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>


评论

© 二优 | Powered by LOFTER