输入框失去焦点验证
<Form name="rechargeForm" :model="userBaseInfo" :label-width="70" :rules="ruleValidate">
<FormItem v-if="rechargeForm.payType == -4" :label="$t('channelNumber') + ': '" :required='true' prop="tradeNo"
:rules='{pattern: /^\d{12}$/, message: "请输入12位数字", trigger: "blur" }'>
<Input style="width: 300px;" v-model="rechargeForm.tradeNo"></Input>
<span style="color: #b5b5b5;margin-left: 20px;font-size: 13px;">{{$t('submitMultipleOrdersSeparately')}}</span>
</FormItem>
</Form>
在data中定义ruleValidate
ruleValidate:{},
提交按钮再次验证
// 点击丢单补发下一步按钮
toLoseModalNext() {
// 判断是否经过验证
let RefExp1 = /^GPA\.\d{4}-\d{4}-\d{4}-\d{5}$/
let RefExp2 = /^\d{12}$/
if(!RefExp1.test(this.rechargeForm.tradeNo) && !RefExp2.test(this.rechargeForm.tradeNo)) {
return this.$Message.error(this.$t('fillInTheRight'));
}
let params = {
payType: this.rechargeForm.payType,
tradeNo: this.rechargeForm.tradeNo
}
memberChargeTradeNoCheck(params).then(res => {
if (res.data === true) {
this.showLoseModal = false
this.showLoseModalNext = true
} else {
this.$Message.error(this.$t('orderNoUsed'));
}
});
},
