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

时间：2021-12-10 08:17:08

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(/(.{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="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>

相关文章