Parcourir la source

fix:5491报错提示调整为中文用户看得懂的内容,例如:手机号输入只能纯数字,并不超过11位数

mlchen il y a 1 mois
Parent
commit
0a1f30a0b6

+ 12 - 2
src/views/saleManage/saleOrder/invoice/components/addInvoiceDialog.vue

@@ -81,7 +81,13 @@
       <el-row :gutter="12">
         <el-col :span="12">
           <el-form-item label="客户电话" prop="linkPhone">
-            <el-input clearable v-model="form.linkPhone" placeholder="请输入" />
+            <el-input
+              clearable
+              v-model="form.linkPhone"
+              maxlength="11"
+              placeholder="请输入"
+              @input="handleLinkPhoneInput"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -462,7 +468,8 @@
           linkPhone: [
             {
               required: this.form.needProduce != 2 ? true : false,
-              message: '请输入',
+              message: '请输入11位以内的数字',
+              pattern: /^[0-9]{0,11}$/,
               trigger: 'change'
             }
           ],
@@ -482,6 +489,9 @@
     },
 
     methods: {
+      handleLinkPhoneInput(value) {
+        this.form.linkPhone = String(value || '').replace(/[^0-9]/g, '').slice(0, 11);
+      },
       stockShow() {
         this.$refs.selectStockLedgerDialogRef.open('', -1);
       },