输入限制

front-vue/src/views/service/company/detailCompany.vue

@@ -2,7 +2,7 @@
     <el-tabs v-model="activeName" style="margin:2px">
         <!--——————————————————————————————————————————基本信息————————————————————————————————————————————————————-->
         <el-tab-pane label="基本信息" name="first">
-            <el-form ref="form" :model="form" label-width="130px" :inline="true">
+            <el-form ref="form" :model="form" label-width="130px" :rules="rules" :inline="true">
                 <el-form-item label="所属行业" prop="scyIndustry">
                     <el-input v-model="form.scyIndustry" placeholder="请输入所属行业" maxlength="20" show-word-limit />
                 </el-form-item>
@@ -384,6 +384,23 @@ export default {
             invoiceForm: {},
             fileForm: {},
             activeName: "first",
+            // 表单校验
+            rules: {
+                scyIndustry: [
+                {
+                    pattern: /^[A-Za-z\u4e00-\u9fa5]+$/,
+                    message: "所属行业不能含有特殊字符",
+                    trigger: ["blur", "change"]
+                }
+                ],
+                scyManager: [
+                {
+                    pattern: /^[A-Za-z\u4e00-\u9fa5]+$/,
+                    message: "客户经理不能含有特殊字符",
+                    trigger: ["blur", "change"]
+                }
+                ]
+            },
         };
     },
     created() {