Thymeleaf form not submitting to Spring boot controller

问题

I am trying to submit a form to Spring boot controller This is the thymeleaf part:

  <form th:action="@{/change_password}" method="post">
    <div class="row">
        <div class="col-md-9 register-right">
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                    <h3 class="register-heading">Change password</h3>
                    <div class="row register-form">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="email" th:name="email" id="email" class="form-control" placeholder="Email *" >
                                <span th:if="${notPresent}" class="alert alert-info" style="color:red; width: 100% !important; border: none; background-color: transparent !important;">This email does not exist!</span>
                            </div>
                            <div class="form-group">
                                <input type="password" th:name="password" id="password" class="form-control" placeholder="Password *" >
                            </div>
                            <div class="form-group">
                                <input type="password" th:name="confirmPassword" id="confirmPassword" class="form-control"  placeholder="Confirm *" >
                            </div>
                        </div>
                        <div class="col-md-6">
                            <input type="submit" class="btnRegister" style="background-color: #ffa600 !important;" value="Change"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </form>

This is the Spring boot controller method:

@PostMapping("/change_password")
    public String changeUserPassword(HttpServletRequest request, Model model) {
        String path = "";
        User u = userService.findByEmail(request.getParameter("email"));
        if(u == null || u.getActive() == 0) {
            model.addAttribute("notPresent", true);
            path =  "redirect:/forgot_password";
        } else {
            u.setPassword(bCryptPasswordEncoder.encode(request.getParameter("password")));
            userService.updateUser(u);
            sendEmail(u.getEmail(), u.getFirstname());
            path = "redirect:/login";
        }
        
        return path;
    }

I don't get any errors so I am not sure what's wrong.

回答1:

To submit a form you can use an object userPassword define in a Class like this:

package ....
imports ....
@Data @AllArgsConstructor @NoArgsConstructor @ToString
public class UserPassword {

  private Integer id;
  private String password;
  ... other fields you need
}

You add this object to the controller displaying the page with :

 model.addAttribute("UserPassword", userPassword);

Then you add this object to your form:

<form th:action="@{/change_password}" th:object="${userPassword}" method="post">

You need to bind data to this object in your html page (here I bind password from userPassword to the input tag):

 <input type="password" th:field="*{password}"  class="form-control" placeholder="Password *" >

And Finnaly I retrieve the object in the controller:

@PostMapping("/change_password")
public String changeUserPassword(Model model, @ModelAttribute UserPassword userPassword) {
.....
}

You can find a complete tutorial on part 7 from https://www.thymeleaf.org/doc/tutorials/2.1/thymeleafspring.html

来源：https://stackoverflow.com/questions/63990222/thymeleaf-form-not-submitting-to-spring-boot-controller

标签

forms

spring-boot

controller

thymeleaf

form-submit