Commit 53d72d7d by liangjianmin

fix(menu): add autocomplete attributes to password input fields for better user experience

- Added autocomplete attributes to password fields in both password and SMS verification forms to enhance security and usability.
- Ensured that the original password input field uses 'current-password' and new password fields use 'new-password' for improved browser handling.
parent de91021d
Showing with 7 additions and 7 deletions
......@@ -101,13 +101,13 @@
<!-- 原密码验证表单 -->
<el-form v-if="verifyType === 'password'" :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-form-item label="原始密码" prop="old_password">
<el-input v-model="ruleForm.old_password" type='password' placeholder='请输入原始密码'></el-input>
<el-input v-model="ruleForm.old_password" type='password' placeholder='请输入原始密码' autocomplete="current-password"></el-input>
</el-form-item>
<el-form-item label="新密码" prop="password">
<el-input v-model="ruleForm.password" type='password' placeholder='请输入新密码'></el-input>
<el-input v-model="ruleForm.password" type='password' placeholder='请输入新密码' autocomplete="new-password"></el-input>
</el-form-item>
<el-form-item label="确认新密码" prop="repassword">
<el-input v-model="ruleForm.repassword" type='password' placeholder='请输入新密码'></el-input>
<el-input v-model="ruleForm.repassword" type='password' placeholder='请输入新密码' autocomplete="new-password"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="dialogVisible = false">取 消</el-button>
......@@ -118,19 +118,19 @@
<!-- 手机验证码验证表单 -->
<el-form v-if="verifyType === 'sms'" :model="smsForm" :rules="smsRules" ref="smsForm" label-width="100px">
<el-form-item label="手机号" prop="mobile">
<el-input v-model="smsForm.mobile" placeholder="请输入手机号" :disabled="true"></el-input>
<el-input v-model="smsForm.mobile" placeholder="请输入手机号" :disabled="true" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="验证码" prop="smsCode">
<div style="display: flex; gap: 10px;">
<el-input v-model="smsForm.smsCode" placeholder="请输入短信验证码" style="flex: 1;"></el-input>
<el-input v-model="smsForm.smsCode" placeholder="请输入短信验证码" style="flex: 1;" autocomplete="off"></el-input>
<el-button :disabled="!canSendSms" @click="sendSmsCode()" style="width: 120px;">{{ smsText }}</el-button>
</div>
</el-form-item>
<el-form-item label="新密码" prop="password">
<el-input v-model="smsForm.password" type='password' placeholder='请输入新密码'></el-input>
<el-input v-model="smsForm.password" type='password' placeholder='请输入新密码' autocomplete="new-password"></el-input>
</el-form-item>
<el-form-item label="确认新密码" prop="repassword">
<el-input v-model="smsForm.repassword" type='password' placeholder='请输入新密码'></el-input>
<el-input v-model="smsForm.repassword" type='password' placeholder='请输入新密码' autocomplete="new-password"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="dialogVisible = false">取 消</el-button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment