form表单提交对象包含对象数组

基本信息

        活动信息对象

public class BillActivityPayInfo {
	    private String lotteryLotId; //活动id
	    private String actiName; //活动名称
	    private String actiRemark; //活动简介
	    private Date startDate;
	    private Date endDate;
	    private String startTime;
	    private String endTime;
	    private String actiPicture;
	    private Date createDate;
	    private Date updateDate;
	    private String ext1;
	    private String ext2;
	    private String status;
	    private BillAwardPayBaseInfo[] billawardpaybaseinfo; //活动详情数组

        活动奖项对象

public class BillAwardPayBaseInfo {
    private String lotteryAwardID;
    private String lotteryLotId;
    private String prizeName; //奖项名称
    private String awardName; //奖品名称
    private String awardContent;
    private Integer prizeRank;
    private Integer awardCnt;
    private Integer awardDayCnt;
    private Double winProb;
    private Integer winCnt;
    private Integer dayWinCnt;
    private String dayWinDate;
    private String awardPicture;
    private String winContent;
    private String ext1;
    private String ext2;

         get set方法省略

         前端页面:

          

 处理

        总所周知,form表单提交与后台接收之间的桥梁是通过标签内name与对象属性一致来进行传值的,这里简单只测试活动信息id,活动名称,活动简介以及其中关联的奖项信息中的奖品名称。

         

          

          上图可以看到,活动信息对象中数组对象的对应直接通过billawardpaybaseinfo[i].awardName即可对应(i=0,1,2)

           我这边通过ajax提交:

$("#save").click(function(){
		var formdata = $('#insertForm').serialize(); //表单序列化
		 $.ajax({
		        type : 'post',
		        url : 'http://localhost:8080/saveBillActivityInfo',
		        data : formdata,  
		        dataType : 'json',
		        traditional : true,
		        success : function(data) {
		        	
		        },
		    }); 
	})

           后台接收:

         

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue中,可以使用Vue的表单验证规则来验证数组。下面是一个示例代码,演示如何使用Vue的表单验证规则来验证数组: 首先,在Vue组件中定义一个包含数组的表单数据对象,并为每个数组元素定义验证规则。例如,我们有一个名为"items"的数组,每个元素都应该是字符串,并且不能为空。 ```html <template> <form @submit="submitForm"> <div v-for="(item, index) in items" :key="index"> <input v-model="items[index]" :class="{ 'is-invalid': !isItemValid(index) }"> <div v-if="!isItemValid(index)" class="invalid-feedback">Item is required.</div> </div> <button type="submit">Submit</button> </form> </template> <script> export default { data() { return { items: ['', '', ''], // 初始值为空字符串的数组 }; }, methods: { submitForm() { // 在提交表单时,检查每个数组元素是否满足验证规则 if (this.items.every(item => item !== '')) { // 执行提交表单的操作 console.log('Form submitted successfully!'); } else { console.log('Form validation failed!'); } }, isItemValid(index) { // 验证特定索引的数组元素是否满足验证规则 return this.items[index] !== ''; }, }, }; </script> ``` 在上面的代码中,我们使用`v-for`指令遍历数组,并使用`v-model`指令将输入框与数组元素进行绑定。使用`:class`绑定了一个条件类,当数组元素不满足验证规则时添加`is-invalid`类,以便显示样式上的错误提示。同时,我们在每个输入框后面显示了一个错误提示信息,只有当数组元素不满足验证规则时才会显示。 在`submitForm`方法中,我们使用`every`方法检查所有数组元素是否都不为空字符串,如果是,则表示表单验证通过,可以执行提交表单的操作。 上述代码只是一个简单的示例,你可以根据具体的需求和验证规则进行更复杂的表单验证。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值