<view class="top_number"><input type="number" :value="userInputCardNum" @input='bankcardInput'></view> data() {return {userInputCardNum: '', // 銀行卡賬號// cardlen: 0,// bankName: '', // 銀行名字// cardType: '', // 銀行卡類型// user: '', // 持卡人姓名// phone: '' // 持卡人手機號}}, methods: {bankcardInput(e) {var card = e.detail.value;//輸入時每四位一個空格var card = card.replace(/\s/g, '').replace(/[^\d]/g,'').replace(/(\d{4})(?=\d)/g, '$1 ');this.userInputCardNum = cardconsole.log("有間隔", this.userInputCardNum);// 格式化字符串的空格let cardNum = this.userInputCardNum.replace(/\s*/g, ""); console.log("傳參數時傳這個去掉空格的字符串", cardNum);

總結

以上是生活随笔為你收集整理的【uniapp】小程序中输入银行卡号每四位留一个空格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。