From d14c8fe408eb087dadc1106d2b180f61794b6cb8 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 11 九月 2024 13:48:12 +0800 Subject: [PATCH] 1.首页-下拉刷新功能实现 --- pages/user/address/address.vue | 33 ++++++++++++++++++++++++++++++--- 1 files changed, 30 insertions(+), 3 deletions(-) diff --git a/pages/user/address/address.vue b/pages/user/address/address.vue index e320be3..afcbe7f 100644 --- a/pages/user/address/address.vue +++ b/pages/user/address/address.vue @@ -78,7 +78,7 @@ 手机号 </view> <view class="form-item-value"> - <input v-model="submitForm.tel" placeholder="请输入收货人手机号" class="form-input"></input> + <input v-model="submitForm.tel" placeholder="请输入收货人手机号" class="form-input" @blur="validatePhoneNumber()" ></input> </view> </view> <view class="form-item"> @@ -171,6 +171,16 @@ }; }, methods: { + validatePhoneNumber() { + + // 手机号码正则表达式,可以根据需要调整 + const phoneRegex = /^[1][3-9][0-9]{9}$/; + if (!phoneRegex.test(this.submitForm['tel'])) { + this.$message.showToast('请填写正确手机号码') + } + + }, + addAddress() { delete this.submitForm.id this.submitForm['name'] = '' @@ -219,8 +229,8 @@ }, async init_area() { if (this.regionDataPlus && this.regionDataPlus.length > 0) { - - }else{ + + } else { var a = this.$storage.getItem('cache_area') if (a) { this.regionDataPlus = JSON.parse(a) || [] @@ -393,6 +403,16 @@ this.$message.showToast('字段未填写完整') return } + + // 手机号码正则表达式,可以根据需要调整 + const phoneRegex = /^[1][3-9][0-9]{9}$/; + if (!phoneRegex.test(this.submitForm['tel'])) { + this.$message.showToast('请填写正确手机号码') + return + } + + + this.$message.showLoading() const { code @@ -404,11 +424,18 @@ if (code === 0) { this.$refs.popup_form.close() this.$message.showToast(this.submitForm.id ? '修改成功' : '新增成功') + let tmp = this setTimeout(() => { tmp.page.current = 1 tmp.refreshList() }, 300) + //如果当前选择的地址是这个,需要更新一下数据 + if (this.address.id && this.submitForm.id === this.address.id) { + this.$store.commit('setDefaultAddress', { + ...this.submitForm + }) + } } }, -- Gitblit v1.9.3