diff --git a/src/views/Wallet/CashOut/KYC.vue b/src/views/Wallet/CashOut/KYC.vue index 97b0fbc..544db69 100644 --- a/src/views/Wallet/CashOut/KYC.vue +++ b/src/views/Wallet/CashOut/KYC.vue @@ -23,6 +23,8 @@ type="text" v-model="applyInfo.contactNumber" :placeholder="t('enter_contact_number')" + maxlength="50" + @blur="handleContactNumberInput" style="width: 100%; border: none; outline: none" /> @@ -269,19 +271,25 @@ const resImgUrls = ref([]) //用于提交申请的图片数组 const updateStatus = ref(false) //是否为修改 const applyInfo = ref({ - id: '', //提现信息ID - contactNumber: '', //银行卡号 - category: 'CARD', //类别 - otherDescription: '', //其他描述 - passportFrontUrl: '', //图片 + id: '', // 提现信息ID + contactNumber: '', // 联系方式 + category: 'CARD', // 类别 + otherDescription: '', // 其他描述 + passportFrontUrl: '', // 图片 passportBackUrl: 'meaningless', }) // 是否全填 const checkStatus = computed(() => { - return applyInfo.value.contactNumber != '' && resImgUrls.value.length > 0 + const contactNumber = applyInfo.value.contactNumber.trim() + return contactNumber.length <= 50 && contactNumber != '' && resImgUrls.value.length > 0 }) +// 处理银行卡号输入,去除首尾空格 +const handleContactNumberInput = (event) => { + applyInfo.value.contactNumber = event.target.value.trim() +} + // 点击图片选择按钮 const onClickImagePicker = async () => { try {