spring-boot里增加表单验证hibernate-validator并在freemarker模板里显示错误信息

内容简介：spring-boot里增加表单验证hibernate-validator并在freemarker模板里显示错误信息

创建项目

使用IDEA创建一个spring-boot项目，依赖选上 web, validation, freemarker 即可

先看看效果

创建实体类

创建并加上注解，代码如下

public class Person implements Serializable {

  @NotNull
  @Length(min = 3, max = 10) // username长度在3-10之间
  private String username;

  @NotNull
  @Min(18) // 年龄最小要18岁
  private Integer age;

  @NotNull
  // 使用正则来验证字段，message: 设置验证失败的信息
  @Pattern(regexp = "[\\w-\\.]+@([\\w-]+\\.)+[a-z]{2,3}", message = "邮箱格式不正确")
  private String email;

  public String getEmail() {
    return email;
  }

  public void setEmail(String email) {
    this.email = email;
  }
  public String getUsername() {
    return username;
  }

  public void setUsername(String username) {
    this.username = username;
  }

  public Integer getAge() {
    return age;
  }

  public void setAge(Integer age) {
    this.age = age;
  }

}

配置controller

代码：

@Controller
public class WebController extends WebMvcConfigurerAdapter {

  @Override
  public void addViewControllers(ViewControllerRegistry registry) {
    //添加一个路由并设置页面名字
    registry.addViewController("/results").setViewName("results");
  }

  @GetMapping("/")
  public String showForm(Person person) {
    return "form";
  }

  @PostMapping("/")
  public String checkPersonInfo(@Valid Person person, BindingResult bindingResult, RedirectAttributes redirectAttributes) {

    // 使用BindingResult来验证表单数据的正确性
    if (bindingResult.hasErrors()) {
      // 将提交的表单内容原封不动的返回到页面再展示出来
      redirectAttributes.addFlashAttribute("person", person);
      return "form";
    }

    return "redirect:/results";
  }
}

注：不要忘了 @Valid 注解

表单页面

表单页面里用到了spring标签来取验证失败的数据，在spring-boot里想用spring标签可以将 spring.ftl 文件在放在 resources 里面，然后在 application.yml 里添加上如下配置即可

spring.ftl 文件路径: org.springframework.web.servlet.view.freemarker.spring.ftl

spring:
  freemarker:
    settings:
      auto_import: /spring.ftl as spring

表单页面代码

<form action="/" method="post">
  <div class="form-group">
    <label for="username">username</label>
    <@spring.bind "person.username"/>
    <input type="text" id="username" name="username" value="${person.username!}" class="form-control"
            placeholder="username"/>
    <span class="text-danger"><@spring.showErrors ""/></span>
  </div>
  <div class="form-group">
    <label for="age">age</label>
    <@spring.bind "person.age"/>
    <input type="number" id="age" name="age" value="${person.age!}" class="form-control" placeholder="age"/>
    <span class="text-danger"><@spring.showErrors ""/></span>
  </div>
  <div class="form-group">
    <label for="email">email</label>
    <@spring.bind "person.email"/>
    <input type="text" id="email" name="email" value="${person.email!}" class="form-control"
            placeholder="email"/>
    <span class="text-danger"><@spring.showErrors ""/></span>
  </div>
  <input type="submit" value="submit" class="btn btn-sm btn-primary"/>
</form>

注：一定要先使用 <@spring.bind "person.username"/> 将字段绑定好，下面再使用 <@spring.showErrors ""/> 来取出来错误信息

参考

• https://spring.io/guides/gs/validating-form-input/

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 表单正则验证及文件上传验证功能
• 表单验证(AngularJs)
• [原]表单数据验证
• GO随笔-表单验证
• 实现Vue表单验证插件
• 纯CSS实现表单验证

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。