实名认证表单添加验证和提交修复

实名认证功能已进行以下改进:
- 表单字段添加了验证规则,以确保用户输入有效的姓名和身份证号。- 修复了表单提交逻辑,确保只有在通过验证后才会进行实名认证提交。
-调整了实名认证弹窗关闭时的处理逻辑。
- 修正了实名认证成功后的导航路径。
master
wxy 2024-08-30 22:20:11 +08:00
parent 70eb109eb6
commit e609d05e5b
1 changed files with 38 additions and 22 deletions

View File

@ -10,7 +10,7 @@
width="30%"
@close="handleDialogClose"
>
<el-form :model="authForm">
<el-form :model="authForm" :rules="rules" ref="authFormRef">
<el-form-item label="姓名" :label-width="formLabelWidth">
<el-input v-model="authForm.name"></el-input>
</el-form-item>
@ -82,9 +82,17 @@ export default {
name: '',
idCard: ''
},
form:{
}
rules: {
name: [
{required: true, message: '请输入姓名', trigger: 'blur'},
{min: 2, max: 10, message: '姓名长度在 2 到 10 个字符', trigger: 'blur'}
],
idCard: [
{required: true, message: '请输入身份证号', trigger: 'blur'},
{pattern: /^\d{17}[\dXx]$/, message: '身份证号格式不正确', trigger: 'blur'}
],
},
form: {}
};
},
created() {
@ -117,6 +125,8 @@ export default {
}
},
async handleConfirm() {
this.$refs.authFormRef.validate(async (valid) => {
if (valid) {
try {
const {name, idCard} = this.authForm;
const authResponse = await checkRealNameAuth(this.authForm);
@ -131,6 +141,12 @@ export default {
this.$message.error('实名认证验证失败,请稍后再试');
console.error('实名认证验证失败:', error);
}
} else {
console.log('error submit!!');
return false;
}
});
},
async fetchUserBalance() {
try {