validate 复合参数校验

最新推荐文章于 2023-12-12 00:58:07 发布

fjkxyl

最新推荐文章于 2023-12-12 00:58:07 发布

阅读量829

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/fjkxyl/article/details/79082574

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、后台实体类

public class Parent {
	//年龄
	private int age;
	//姓名
	private String name;
	//用户
	private User user;
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public User getUser() {
		return user;
	}
	public void setUser(User user) {
		this.user = user;
	}
}

public class User {
	//年龄
	private int age;
	//姓名
	private String name;
	//地址
	private String address;
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	
}

现在我们的需求是这样的，validate 前端校验是的parent中user里的age必须是数字，name，addres不能为空

2、前端校验

<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>数据校验</title>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#addForm").validate({
		        rules: {
		        	age: {
		            	required:true,
		            	digits:true
		            },
		            name: {
		            	required:true
		            },
		            "user.age": {
		            	required:true,
		            	digits:true
		            },
		            "user.name": {
		            	required:true
		            },
		            "user.address": {
		            	required:true,
		            	digits:true
		            }
		   		 }
		    });
	    });
	</script>
</head>
<body>
<article class="page-container">
	<form:form id="addForm" name="addForm" action="${ctx}/api/xxx/xxx" method="POST">
	<div class="row cl">
		<input type="text"  name="age">
		<input type="text"  name="name">
		<input type="text"  name="user.age">
		<input type="text"  name="user.name">
		<input type="text"  name="user.address">
	</div>
</form:form>
</article>
</body>
</html>