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

最新推荐文章于 2022-10-14 15:33:40 发布

weixin_30871701

最新推荐文章于 2022-10-14 15:33:40 发布

阅读量153

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wuxibolgs329/p/6188836.html

版权

1、原生js写法

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

2、jQuery写法

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <input type="text" id="J_BankCard"/>
 9 <script src="http://static.ydcss.com/libs/jquery/1.11.2/jquery.js"></script>
10 <script>
11     !function () {
12         $('#J_BankCard').on('keyup mouseout input',function(){
13             var $this = $(this),
14                 v = $this.val();
15             /\S{5}/.test(v) && $this.val(v.replace(/\s/g,'').replace(/(.{4})/g, "$1 "));
16         });
17     }();
18 </script>
19 </body>
20 </html>

转载于:https://www.cnblogs.com/wuxibolgs329/p/6188836.html

weixin_30871701

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js填写银行卡号，每隔4位数字加一个空格

1、原生js写法1 !function () {2 document.getElementById('bankCard').onkeyup = function (event) {3 var v = this.value;4 if(/\S{5}/.test(v)){5 this.value = v.replac...
复制链接

扫一扫