如何在Thymeleaf表单提交前调用BCryptPasswordEncoder处理字段？

已定义的PasswordEncoder Bean #

@Bean
PasswordEncoder getPasswordEncoder()
{
  return new BCryptPasswordEncoder();
}

HTML表单中的密码确认字段 #

<div class="form-group">
        <label>确认密码</label>
        <input type="password" class="form-control" th:field="*{confirmPassword}">
    </div> 

请问是否有办法在表单提交前，对th:field绑定的confirmPassword字段调用BCryptPasswordEncoder的某个方法进行处理？

首先明确：不建议对confirmPassword字段做BCrypt加密处理，核心原因有两点：

1. BCrypt是单向哈希算法，加密后无法还原，而confirmPassword的核心作用是和主密码做一致性校验，加密后就没法对比原密码了，直接失去了确认密码的意义。
2. 前端处理加密会把哈希逻辑暴露在JS代码中，存在安全风险，而且Java的BCrypt实现没法直接在前端复用，得额外引入JS版库，完全属于多此一举。

如果你的需求是加密用户设置的主密码，正确的做法是在后端处理，步骤如下：

1. 定义表单接收对象，包含password和confirmPassword字段

public class UserForm {
    private String password;
    private String confirmPassword;
    // 其他业务字段、getter/setter省略
}

2. 在Controller中接收表单，先校验两次密码一致性，再加密主密码

@PostMapping("/register")
public String register(@Valid UserForm form, BindingResult result, 
                       @Autowired PasswordEncoder passwordEncoder,
                       @Autowired UserRepository userRepo) {
    // 校验表单其他字段的合法性错误
    if (result.hasErrors()) {
        return "register";
    }
    // 校验两次输入的密码是否一致
    if (!form.getPassword().equals(form.getConfirmPassword())) {
        result.rejectValue("confirmPassword", "error.form", "两次输入的密码不匹配");
        return "register";
    }
    // 加密主密码并保存用户数据
    User user = new User();
    user.setPassword(passwordEncoder.encode(form.getPassword()));
    // 赋值其他用户信息字段...
    userRepo.save(user);
    return "redirect:/login";
}

如果非要在前端做加密（强烈不推荐），你需要引入JS版的BCrypt库（比如bcryptjs），在表单提交事件中手动修改字段值，但这样做既不安全又破坏了确认密码的校验逻辑，没有任何实际价值。

内容的提问来源于stack exchange，提问作者Discipulos