頁面有個身份證號碼的校驗。校驗完身份證格式是否符合之后還要去訪問接口查詢這個用戶是否存在。如果存在才通過驗證。否則就校驗不通過

<el-form ref="ruleFormRef" :model="form" label-width="140px" label-position="right" label-suffix=" :" :rules="rules"><el-form-item label="身份證號" prop="idCard1"><el-input v-model="form.idCard" /></el-form-item>
</el-form>

// 身份證校驗。格式校驗+接口查詢是否已登記信息
const checkIdCardMore = async (rule, value, callback) => {const regexp=/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i;if(value===""||value===undefined) callback("請輸入身份證號");if (!regexp.test(value)) {callback(new Error("請輸入正確的身份證號"));} else {

?// 模擬接口請求，這里你需要替換為實際的接口地址和參數let {data} = await 接口名({idCard: form!.idCard});if (data != null) {//查到這個人form!.name = data.residentName;form.id = data.id;return callback()} else {//沒有查到form.name = '';callback(new Error("未查到當前用戶的入住登記信息"));}}
};const rules = reactive({idCard: [{required: true, trigger: 'blur',validator: checkIdCardMore}],
});