源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-09-18 19:47 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS填写银行卡号每隔4位数字加一个空格
[b]1、原生js写法[/b]
!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 ");
    }
  };
}();
[b]2、jQuery写法[/b]
<!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>
以上所述是小编给大家介绍的JS填写银行卡号每隔4位数字加一个空格,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部