今天做个充值框,卡号一栏的需求是。
每四个要加个空格。主要是为了让用户方便辨认自己是否输入有误。
<input type=”text” class=”ui-inputText fl ui-cardnum-show” value=”” /><!–这个负责显示–>
<input type=”hidden” class=”ui-cardnum-hide” value=”” /><!–用这个传值–>
$(“.ui-cardnum-show”).focus(function(){
$(this).keyup(function(){
var num=$(this).val();
num=num.replace(/s+/g,””);//将输入的内容去掉空格传入ui-cardnum-hide
$(this).next().val(num);
num=num.replace(/(.{4})/g,”$1 “);//将ui-cardnum-hide得到的内容每4个字符插入一个空格传回去
$(this).val(num);
});
})