Browse Source

限制用户为邮箱格式

yuhan 7 months ago
parent
commit
af5b57b2b3
1 changed files with 11 additions and 1 deletions
  1. 11 1
      src/views/module_interLock/systemUser/modules/SystemUserForm.vue

+ 11 - 1
src/views/module_interLock/systemUser/modules/SystemUserForm.vue

@@ -4,7 +4,13 @@
       <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
         <a-row>
           <a-col :span="24">
-            <a-form-model-item label="用户名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="username">
+            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="username">
+              <span slot="label">
+                用户名称&nbsp;
+                <a-tooltip title="用户名称为邮箱格式">
+                  <a-icon type="question-circle-o" />
+                </a-tooltip>
+              </span>
               <a-input v-model="model.username" placeholder="请输入用户名称" :disabled="userDisabled" ></a-input>
             </a-form-model-item>
           </a-col>
@@ -89,6 +95,10 @@
           username: [
             { required: true, message: '请输入用户名称!', },
             { validator: (rule, value, callback) => validateDuplicateValue('interlock_user', 'username', value, this.model.id, callback)},
+            {
+              pattern: /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/,
+              message: '邮箱格式不正确'
+            },
           ],
         },
         url: {