密码校验

src/features/system/UserManagement/UserManagementDialog.vue

@@ -41,10 +41,23 @@
           <el-input
             class="pull_length"
             v-model="form.password"
+            type="password"
+            autocomplete="new-password"
             placeholder="密码"
           />
         </el-form-item>
       </el-row>
+      <el-row>
+        <el-form-item label="再次输入密码" prop="passwordConfirm">
+          <el-input
+            class="pull_length"
+            v-model="form.passwordConfirm"
+            type="password"
+            autocomplete="new-password"
+            placeholder="再次输入密码"
+          />
+        </el-form-item>
+      </el-row>
       <el-row>
         <el-form-item label="角色" prop="roleCode">
           <RoleSelect v-model="form.roleCode" :multiple="true" />
@@ -92,10 +105,37 @@ export default {
       return this.user.id;
     },
     rules() {
+      const that = this;
       return {
         loginName: [{ required: true, message: "登录名必填" }],
         name: [{ required: true, message: "姓名必填" }],
-        password: [{ required: !this.isEdit, message: "密码必填" }],
+        password: [
+          { required: !this.isEdit, message: "密码必填" },
+          {
+            type: "string",
+            pattern: /^[a-z0-9_]+$/i,
+            message: "仅支持大小写英文字母、数字和下划线",
+          },
+        ],
+        passwordConfirm: [
+          { required: !this.isEdit, message: "密码必填" },
+          {
+            type: "string",
+            pattern: /^[a-z0-9_]+$/i,
+            message: "仅支持大小写英文字母、数字和下划线",
+          },
+          {
+            type: "string",
+            trigger: "blur",
+            validator: function (rule, value, callback) {
+              // console.log(value, that.form.password);
+              if (value !== that.form.password) {
+                callback(true);
+              }
+            },
+            message: "与密码不一致",
+          },
+        ],
         roleCode: [{ required: true, message: "角色必填" }],
       };
     },