使用Validator做SpringMVC的验证框架 - Validator前端验证

章节列表

1. 第一章：使用Validator做SpringMVC的验证框架 - 配置SpringMVC环境
2. 第二章：使用Validator做SpringMVC的验证框架 - 使用Validator
3. 第三章：使用Validator做SpringMVC的验证框架 - Validator前端验证
4. 第四章：使用Validator做SpringMVC的验证框架 - 自定义验证组件

---

上一章只为大家介绍了Validator的后端验证功能，接下来就为大家介绍一下Validator前端功能，你会发现他的巧妙之处。

Validator框架源码地址：https://github.com/devefx/validator

1 - 配置前端验证配置

首先我们新建一个“com.devefx.website.validator.config”包，并编写Config.java，并实现“com.devefx.validation.web.config.ValidatorConfig”接口

Config.java

package com.devefx.website.validator.config;

import com.devefx.validation.web.config.Modules;
import com.devefx.validation.web.config.Routes;
import com.devefx.validation.web.config.ValidatorConfig;
import com.devefx.website.validator.RegisterValidator;

public class Config implements ValidatorConfig {
   

    public void configModules(Modules modules) {
        // 这里可以添加自定义验证组件

    }

    public void configRoute(Routes routes) {
        // 这里配置验证器的访问路线

        // 设置基准路径
        routes.setBasePath("/validator");

        // 注册验证器
        routes.add("/registerValidator.js", RegisterValidator.class);

    }

}

上面这段配置就是告诉 Validator框架根据 RegisterValidator.class 生成一个对应JavaScript脚本，他的相对访问路径是：/validator/registerValidator.js

接下来配置一下web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
         xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
         http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
  <!-- 配置SpringMVC DispatcherServlet -->
  <servlet>
    <servlet-name>dispatcher</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring-*.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcher</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!-- 配置Validator前端验证功能 -->
  <servlet>
    <servlet-name>validator</servlet-name>
    <servlet-class>com.devefx.validation.web.ValidatorServlet</servlet-class>
    <!-- validator核心js访问路径 -->
    <init-param>
      <param-name>url</param-name>
      <<