layui使用中实现选中不提交以及跳过验证

最近使用layui遇到点问题,记录一下:

1、layui中checkbox,全部未选中,则该字段不会提交,这样会导致出现一些问题,比如:将选中的置为空时,发现数据还是上一次选中的,解决办法有很多种:

(1)前端解决,在没有选择的上面设置一个隐藏的框,值设置为0,可以百度看看,很多

(2)后端解决,将提交的数据字段跟数据库中的字段进行比较,将未提交的字段设置为空

2、表单提交验证问题:

(1)添加验证

<form class="layui-form">

    <button class='layui-btn' lay-filter="*">暂存</button>

    <button class='layui-btn' lay-submit lay-filter="*">保存</button>

</form >

上面的暂存可以跳过所有字段的验证,而下面的保存则会验证每个字段预先设置的。这样可以实现暂存的功能,避免表单内容过多,填写时间过长,但又因为部分必填字段没有填写而无法保存。

注意这两种提交的数据是有区别的:

对于checkbox,暂存按钮提交的数据,数组的下标都是从0开始,而保存则不是,是按照它实际的位置,比如:

你选择的是第二个,暂存提交的是a[0] = 2,而保存提交的是a[1] = 2;下标是不同的。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值