使用element-plus 完成密码再次验证(修改密码)

show-password:密码的显示和隐藏

 使用element-plus 完成密码再次验证(修改密码)_第1张图片

 使用element-plus 完成密码再次验证(修改密码)_第2张图片

使用element-plus 完成密码再次验证(修改密码)_第3张图片 

	
			
				
					
				
				
					
				
				
					
				
			
			
	

 

 

const equalToPassword = (rule: any, value: any, callback: any) => {
	if (editPosswordForm.value.newPassword !== value) {
		callback(new Error("两次输入的密码不一致"));
	} else {
		callback();
	}
};

//验证规则

const rules = reactive({
	password: [
		{ required: true, message: '请输入旧密码', trigger: 'blur' },
	],
	newPassword: [
		{ required: true, message: '请输入新密码', trigger: 'blur' },
	],
	confirm: [
		{ required: true, trigger: "blur", message: "请再次输入您的密码" },
		{ required: true, validator: equalToPassword, trigger: "blur" }
	],

})

你可能感兴趣的:(java,前端,javascript)