关于使用js/jquery监听input框输入的银行卡号，在输入时放大显示且每隔4位加一空格
首先引入jquery的包，jquery-1.7.1.min.js像这样类似的包
jsp相关html代码：
由于项目中用到struts2 ，这里就直接使用标签了，和input的效果一样
<s:textfield id="acntId_get1"
name="actTransaction.opbankacntnoShow" cssClass="box" 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>
主要是onkeyup 事件的处理，div用于在输入框旁边放大显示：
对应的js代码：
<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>
效果图看附件图片，没什么别的东西，代码很简单的
更多相关文章
- 如何在CSS中单独定位此HTML代码？
- 10段实用的HTML5代码
- 用JavaScript实现两种功能：1、切换全选/全不选文字；2、根据选中个
- HTML5+学习笔记2-------边看代码边研究貌似还是有点问题...还在
- PHP代码在不需要时在Javascript中自动运行[重复]
- 如何控制html代码中DL标签的颜色？
- 指导我优化我的PHP代码，用数组中的空数据填充缺失值
- 分叉开源PHP代码，项目类加载器策略
- 用Hack编写的代码比在HHVM上用PHP编写的代码更快吗?