<!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" onkeyup="bankNumText(this)" onblur="bankNumText(this)">
<button id="get">Huoqu</button>
<script type="text/javascript">
$("#get").click(function(){
//將輸入的銀行卡號去掉空格,以便於驗證其格式是否合法
console.log($("#tt").val().split(" ").join(""));
})
</script>
</body>
</html>
js實現輸入銀行卡號,連續四位自動空格
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.