关于使用js/jquery监听input框输入的银行卡号，在输入时放大显示且每隔4位加一空格

首先引入jquery的包，jquery-1.7.1.min.js像这样类似的包

jsp相关html代码：

由于项目中用到struts2 ，这里就直接使用标签了，和input的效果一样

<s:textfield 
	id="acntId_get1" 
    name="actTransaction.opbankacntnoShow" 
	size="26" maxlength="50"
    value="${actTransaction.opbankacntnoShow}"  
    onkeyup="Keystroke();"
/>

<div id="copybankacntno" style="display:none;">
<input type="text" id="bankacntnoEm" style="font-size:30px;color:blue;" value=""/>
</div>

<script>

function Keystroke(){

$("#copybankacntno").show();
var v = $('#acntId_get1').value;
var vnew = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
$('#acntId_get1').value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
$("#bankacntnoEm").val(vnew);
$("#acntId_get1").blur(function () {
    $("#copybankacntno").hide();
});
$("#acntId_get1").mouseout(function () {
    $("#copybankacntno").hide();
});
}
</script>

主要是onkeyup 事件的处理，div用于在输入框旁边放大显示

原理：正则替换在起作用  /(.{4})/g, "$1 "