忘记密码校验

src/views/forgetpassword/index.vue

@@ -64,13 +64,13 @@
         {{ $t('passwordReset:button:verify') }}
       </el-button>
     </div>
-    <div class="box-wrapper" v-if="active === 1">
+    <div class="box-wrapper" v-show="active === 1">
       <el-form
-        ref="resetForm"
+        ref="resetForm2"
         v-loading="formLoading"
         :model="form"
         :label-width="$i18n.locale === 'en' ? '180px' : '100px'"
-        :rules="rules"
+        :rules="rules2"
         class="demo-ruleForm"
         size="small"
       >
@@ -213,6 +213,7 @@ export default {
         EmailOrPhone: '',
         VerificationCode: '',
         NewPwd: '',
+        CheckPass: '',
         UserId: '',
         UserType: '',
       },
@@ -255,6 +256,29 @@ export default {
           },
         ],
       },
+      rules2: {
+        NewPwd: [
+          {
+            required: true,
+            validator: this.$validatePassword,
+            trigger: ['blur', 'change'],
+          },
+        ],
+        CheckPass: [
+          {
+            required: true,
+            validator: validatePass2,
+            trigger: ['blur', 'change'],
+          },
+        ],
+        UserId: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+      },
       sendDisabled: true,
       sendTitle: this.$t('passwordReset:button:send'),
       formLoading: false,
@@ -262,7 +286,7 @@ export default {
   },
   methods: {
     onSubmit() {
-      this.$refs['resetForm'].validate((valid) => {
+      this.$refs['resetForm2'].validate((valid) => {
         if (valid) {
           this.formLoading = true
           anonymousSetPassword(this.form.UserId, md5(this.form.NewPwd))