js实现input中输入数字,控制每四位加一个空格
0 Views 前端 with
本文字数:117 字 | 阅读时长 ≈ 1 min

js实现input中输入数字,控制每四位加一个空格

0 Views 前端 with
本文字数:117 字 | 阅读时长 ≈ 1 min

这篇文章主要介绍了js实现input中输入数字,控制每四位加一个空格

Demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>CardFormat</title>
</head>

<body>
<input type="text" id="name">
<script type="text/javascript">
! function() {
document.getElementById('name').onkeyup = function(event) {
if ((event.which >= 48 && event.which <= 57) || (event.which >= 96 && event.which <= 105)) {
var v = this.value;
if (/\S{5}/.test(v)) {
this.value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
}
};
}
}();
</script>
</body>

</html>

Sep 02, 2018
Apr 28, 2018