fix:修改密码功能
parent
4fe72b3ad5
commit
aac5779741
|
|
@ -3,7 +3,6 @@
|
||||||
<div class="reset-container">
|
<div class="reset-container">
|
||||||
<div class="reset-header">
|
<div class="reset-header">
|
||||||
<h1 class="reset-title">修改密码</h1>
|
<h1 class="reset-title">修改密码</h1>
|
||||||
<p class="reset-subtitle">密码长度8-20位,需包含大小写字母、数字、特殊字符</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<van-form @submit="submitResetPwd" class="reset-form">
|
<van-form @submit="submitResetPwd" class="reset-form">
|
||||||
|
|
@ -36,7 +35,13 @@
|
||||||
:rules="confirmPasswordRules"
|
:rules="confirmPasswordRules"
|
||||||
class="reset-input"
|
class="reset-input"
|
||||||
/>
|
/>
|
||||||
|
</van-cell-group>
|
||||||
|
|
||||||
|
<div class="reset-subtitle">
|
||||||
|
密码长度8-20位,以下规则中至少满足 3 种:大写字母、小写字母、数字、特殊字符
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<van-cell-group inset>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="form.emailCode"
|
v-model="form.emailCode"
|
||||||
name="emailCode"
|
name="emailCode"
|
||||||
|
|
@ -100,7 +105,7 @@ const passwordPattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^A-Za-z0-9]).{8,20
|
||||||
|
|
||||||
const newPasswordRules = [
|
const newPasswordRules = [
|
||||||
{ required: true, message: '请输入新密码' },
|
{ required: true, message: '请输入新密码' },
|
||||||
{ pattern: passwordPattern, message: '密码需为8-20位,并包含大小写字母、数字、特殊字符' }
|
{ pattern: passwordPattern, message: '不符合密码规则' }
|
||||||
]
|
]
|
||||||
|
|
||||||
const confirmPasswordRules = [
|
const confirmPasswordRules = [
|
||||||
|
|
@ -247,7 +252,8 @@ onBeforeUnmount(() => {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #ee0a24;
|
color: #ee0a24;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
margin: 0;
|
margin: 0 32px 12px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reset-form {
|
.reset-form {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue