我們在登錄銀行相關信息的時候，一般會發現這樣的一個現象，在屬于銀行卡信息的時候，我們每次輸入四個數字他就會自動增加一個空格，方便我們查看，那么這么的效果是如何實現的呢?下面361模板介紹兩種JS實現填寫銀行卡號，每隔4位數字加一個空格的方法。
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(/(/d{4})(?=/d)/g, "$1 "); } };}();2、jQuery寫法
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body><input type="text" id="J_BankCard"/><script src="http://res.wdphp.com/jquery/1.10.2/jquery.min.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(/(/d{4})(?=/d)/g, "$1 ")); }); }();</script></body></html>新聞熱點
疑難解答
