uni-app-微信小程序实现输入卡号 每四个为一组中间为空格（也可以取消空格）

wxml

<!--  礼品卡卡号 -->
<view class="lb1">
	<view class="lb2">
		礼品卡卡号
	</view>
	<view class="lb3">
		<input class="weui-input" name="number" placeholder-style='color:#ACACAC' placeholder="请输入卡号"
			value='{
  {number}}' bindinput="Number"/>
	</view>
</view>

js

 // 输入卡号四位一组
  Number:function(e){
    var card = e.detail.value;
    var cursor = e.detail.value;
    var card = card.replace(/\s/g, '').replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ');
    var cursor=cursor.replace(/[, ]/g,'')  //取消空格
    this.setData({
      number: card
    })
  },
 // 手机号空格模式(uni-app运行)
 var phone ='15990984567'
 this.phone=phone .replace(/\D/g,'').replace(/^/,'$& ').replac