<el-form>
<el-row>
<el-col :span="21">
<el-form-item label="旧密码:" required>
<el-input
v-model="editpwd.struserpwd_old"
placeholder="请输入旧密码"
size="medium"
show-password
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="21">
<el-form-item label="新密码:" required>
<el-input
v-model="editpwd.struserpwd_new"
placeholder="请输入新密码"
size="medium"
show-password
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="21">
<el-form-item label="确认密码:" required>
<el-input
v-model="editpwd.confirmpwd"
placeholder="请再次输入新密码"
size="medium"
show-password
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false" size="medium"
>取 消</el-button
>
<el-button type="primary" @click="handleEditPwd" size="medium"
>确 定</el-button
>
</span>
handleEditPwd() {
const { strusercode } = this.currentUser;
const { struserpwd_old, struserpwd_new, confirmpwd } = this.editpwd;
var passwordreg = /(?=.*\d)(?=.*[a-zA-Z]).{8,16}/; // 此处 是包含字母、数字 验证
var isValid = passwordreg.test(struserpwd_new);
if (!struserpwd_old || !struserpwd_new || !confirmpwd) {
this.$message.error('必填项不能为空!');
return;
}
if (!isValid) {
this.$message.error('新密码必须包含字母、数字,且长度为8到16位!');
return;
}
if (struserpwd_new !== confirmpwd) {
this.$message.error('两次密码输入不一致,请重新输入!');
return;
}
let params = {
strusercode,
...this.editpwd
};
this.updataPwd({
params,
callback: res => {
if (res.code === 200) {
this.$message({
message: '操作成功',
type: 'success'
});
this.dialogVisible = false;
}
}
});
}
var passwordreg = /(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,12}/ ; // 字母、数字、特殊字符 验证