<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>银行卡号4位空格</title>
<script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script>
</head>
<body>
<script type="text/javascript">
//通用函数:输入四个字符后自动空格
function bankNumText(obj){
var value = obj.value;
value = value.replace(/\s*/g, "");
var result = [];
for(var i = 0; i < value.length; i++){
if(i % 4 == 0 && i != 0){
result.push(" " + value.charAt(i));
}else{
result.push(value.charAt(i));
}
}
return obj.value = result.join("");
}
</script>
<input type="text" id="tt" οnkeyup="bankNumText(this)" οnblur="bankNumText(this)">
<button id="get">Huoqu</button>
<script type="text/javascript">
$("#get").click(function(){
//将输入的银行卡号去掉空格,以便于验证其格式是否合法
console.log($("#tt").val().split(" ").join(""));
})
</script>
</body>
</html>
js实现输入银行卡号,连续四位自动空格
最新推荐文章于 2024-06-07 16:03:08 发布