空格校验

mall4v/src/views/modules/admin/indexImg-add-or-update.vue

@@ -11,7 +11,10 @@
           <pic-upload v-model="dataForm.imgUrl"></pic-upload>
         </el-form-item>
         <el-form-item label="顺序"
-                      prop="seq">
+                      prop="seq"
+                      :rules="[
+                        { required: false, pattern: /\s\S+|S+\s|\S/, message: '请输入正确的顺序', trigger: 'blur' }
+                      ]">
           <el-input v-model="dataForm.seq"></el-input>
         </el-form-item>
         <el-form-item label="状态"

mall4v/src/views/modules/prod/category-add-or-update.vue

@@ -77,7 +77,8 @@ export default {
       },
       dataRule: {
         categoryName: [
-          { required: true, message: '分类名称不能为空', trigger: 'blur' }
+          { required: true, message: '分类名称不能为空', trigger: 'blur' },
+          { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的分类名称', trigger: 'blur' }
         ],
         pic: [
           { required: true, message: '分类图片不能为空', trigger: 'blur' }

mall4v/src/views/modules/prod/prodInfo.vue

@@ -41,7 +41,10 @@
       </el-form-item>
       <el-form-item label="产品名称"
                     prop="prodName"
-                    :rules="[{ required: true, message: '产品名称不能为空'}]">
+                    :rules="[
+                      { required: true, message: '产品名称不能为空'},
+                      { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的产品名称', trigger: 'blur' }
+                    ]">
         <el-col :span="8">
           <el-input v-model="dataForm.prodName"
                     placeholder="产品名称"
@@ -49,7 +52,9 @@
         </el-col>
       </el-form-item>
       <el-form-item label="产品卖点"
-                    prop="brief">
+                    prop="brief":rules="[
+                      { required: false, pattern: /\s\S+|S+\s|\S/, message: '请输入正确的产品卖点', trigger: 'blur' }
+                    ]">
         <el-col :span="8">
           <el-input v-model="dataForm.brief"
                     type="textarea"

mall4v/src/views/modules/prod/prodTag-add-or-update.vue

@@ -10,6 +10,7 @@
       <el-form-item label="标签名称"
                     :rules="[
                       { required: true, message: '标签名称不能为空', trigger: 'blur' },
+                      { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的标签名称', trigger: 'blur' }
                     ]"
                     prop="title">
         <el-input v-model="dataForm.title"></el-input>

mall4v/src/views/modules/shop/hotSearch-add-or-update.vue

@@ -14,6 +14,8 @@
           <el-input v-model="dataForm.title"
                     controls-position="right"
                     :min="0"
+                    maxlength="50"
+                    show-word-limit
                     label="标题"></el-input>
         </el-form-item>
 
@@ -21,7 +23,10 @@
                       prop="content">
           <el-input v-model="dataForm.content"
                     controls-position="right"
+                    type="textarea"
                     :min="0"
+                    maxlength="255"
+                    show-word-limit
                     label="内容"></el-input>
         </el-form-item>
         <el-form-item label="排序号"
@@ -73,12 +78,14 @@ export default {
       resourcesUrl: window.SITE_CONFIG.resourcesUrl,
       dataRule: {
         title: [
-          { required: true, message: '不能为空', trigger: 'blur' },
+          { required: true, message: '标题不能为空', trigger: 'blur' },
-          { min: 1, max: 50, message: '长度在1到50个字符内', trigger: 'blur' }
+          { min: 1, max: 50, message: '长度在1到50个字符内', trigger: 'blur' },
+          { pattern: /\s\S+|S+\s|\S/, message: '标题不能为空', trigger: 'blur' }
         ],
         content: [
-          { required: true, message: '不能为空', trigger: 'blur' },
+          { required: true, message: '内容不能为空', trigger: 'blur' },
-          { min: 1, max: 255, message: '长度在1到255个字符内', trigger: 'blur' }
+          { min: 1, max: 255, message: '长度在1到255个字符内', trigger: 'blur' },
+          { pattern: /\s\S+|S+\s|\S/, message: '内容不能为空', trigger: 'blur' }
         ]
       }
     }

mall4v/src/views/modules/shop/notice-add-or-update.vue

@@ -50,6 +50,7 @@ export default {
     var validateTitle = (rule, value, callback) => {
       if (!value.trim()) {
         this.dataForm.title = ''
+        callback(new Error('公告标题不能为空'))
       } else {
         callback()
       }

mall4v/src/views/modules/shop/pickAddr-add-or-update.vue

@@ -106,9 +106,13 @@ export default {
       },
       dataRule: {
         addrName: [
-          { required: true, message: '自提点名称不能为空', trigger: 'blur' }
+          { required: true, message: '自提点名称不能为空', trigger: 'blur' },
+          { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的自提点名称', trigger: 'blur' }
+        ],
+        addr: [
+          { required: true, message: '地址不能为空', trigger: 'blur' },
+          { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的地址', trigger: 'blur' }
         ],
-        addr: [{ required: true, message: '地址不能为空', trigger: 'blur' }],
         city: [{ required: true, message: '城市不能为空', trigger: 'blur' }],
         province: [
           { required: true, message: '省份不能为空', trigger: 'blur' }

mall4v/src/views/modules/shop/transport-add-or-update.vue

@@ -11,7 +11,10 @@
              label-width="80px">
       <el-form-item label="模板名称"
                     prop="transName"
-                    :rules="[{ required: true, message: '模板名称不能为空'}]">
+                    :rules="[
+                      { required: true, message: '模板名称不能为空'},
+                      { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的模板名称', trigger: 'blur' }
+                    ]">
         <el-input v-model="dataForm.transName"
                   placeholder="模板名称"></el-input>
       </el-form-item>

mall4v/src/views/modules/sys/area-add-or-update.vue

@@ -55,7 +55,8 @@ export default {
       },
       dataRule: {
         areaName: [
-          { required: true, message: '区域名称不能为空', trigger: 'blur' }
+          { required: true, message: '区域名称不能为空', trigger: 'blur' },
+          { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的区域名称', trigger: 'blur' }
         ]
       },
       areaList: [],
@@ -99,11 +100,6 @@ export default {
     dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
-          if (!this.dataForm.areaName.trim()) {
-            this.dataForm.areaName = ''
-            this.$message.error('地区名称不能为空')
-            return
-          }
           this.$http({
             url: this.$http.adornUrl('/admin/area'),
             method: this.dataForm.areaId ? 'put' : 'post',

mall4v/src/views/modules/sys/config-add-or-update.vue

@@ -34,10 +34,12 @@
         },
         dataRule: {
           paramKey: [
-            { required: true, message: '参数名不能为空', trigger: 'blur' }
+            { required: true, message: '参数名不能为空', trigger: 'blur' },
+            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的参数名', trigger: 'blur' }
           ],
           paramValue: [
-            { required: true, message: '参数值不能为空', trigger: 'blur' }
+            { required: true, message: '参数值不能为空', trigger: 'blur' },
+            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的参数值', trigger: 'blur' }
           ]
         }
       }

mall4v/src/views/modules/sys/menu-add-or-update.vue

@@ -96,7 +96,8 @@
         },
         dataRule: {
           name: [
-            { required: true, message: '菜单名称不能为空', trigger: 'blur' }
+            { required: true, message: '菜单名称不能为空', trigger: 'blur' },
+            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的菜单名称', trigger: 'blur' }
           ],
           url: [
             { validator: validateUrl, trigger: 'blur' }

mall4v/src/views/modules/sys/role-add-or-update.vue

@@ -46,7 +46,11 @@
         },
         dataRule: {
           roleName: [
-            { required: true, message: '角色名称不能为空', trigger: 'blur' }
+            { required: true, message: '角色名称不能为空', trigger: 'blur' },
+            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的角色名称', trigger: 'blur' }
+          ],
+          remark: [
+            { required: false, pattern: /\s\S+|S+\s|\S/, message: '输入格式有误', trigger: 'blur' }
           ]
         },
         tempKey: -666666 // 临时key, 用于解决tree半选中状态项不能传给后台接口问题. # 待优化

mall4v/src/views/modules/sys/user-add-or-update.vue

@@ -52,6 +52,7 @@
       }
       var validateComfirmPassword = (rule, value, callback) => {
         if (!this.dataForm.id && !/\S/.test(value)) {
+          this.dataForm.password = ''
           callback(new Error('确认密码不能为空'))
         } else if (this.dataForm.password !== value) {
           callback(new Error('确认密码与密码输入不一致'))
@@ -88,7 +89,8 @@
         },
         dataRule: {
           userName: [
-            { required: true, message: '用户名不能为空', trigger: 'blur' }
+            { required: true, message: '用户名不能为空', trigger: 'blur' },
+            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的用户名', trigger: 'blur' }
           ],
           password: [
             { validator: validatePassword, trigger: 'blur' }