您的位置：首页 > Web前端 > JavaScript

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

2017-11-22 14:28 471 查看

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 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(/(\d{4})(?=\d)/g, "$1 "));
});
}();
</script>
</body>
</html>

http://www.ydcss.com/archives/472###

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 函数 javascript

相关文章推荐

新的分享

章节导航