登录/注册

首页 › 活字格专区 › 产品需求 › 查看内容

90 主题	234 帖子	1034 积分

积分: 1034

21227
金币
90
主题
234
帖子

最新发帖

[已支持] 多选框，如果勾选前面几项，在勾选其他项时，非空校验无效

火水
高级会员 / 发表于：2018-12-27 10:14 / 查看：5282 / 回复：2

在制作问卷中，最希望得到的数据一般都是其他项，希望对与其他是极少数人的需求，如果满足这些需求，对与一些客户的竞争力会达到百分百。
所以希望在使用多选框时，有其他项，希望填报者在勾选其他项时，可以保证百分百填写其他项。但是目前在使用手机端的多选框时，使用非空校验。如果在其他项被勾选的情况下，同时勾选其他项，可以避开非空校验，直接存入数据库，这样不能达到想要的结果。
有什么办法，在填报者使用多选框的时候，勾选其他项时，必须填写后面的内容，才能提交数据。

收藏

回复

2 个回复

倒序浏览

Simon.hu
超级版主 / 发表于：2018-12-27 14:44:10 沙发

这个虽然我们并不觉得很合理，但是会研究一下怎么做哈。

为什么我会觉的不合理呢，原因：如果填写这个表单（问卷)的人想写其他的信息，他自己就会给你填写进去了；如果他乡麻烦不想填写，我们即使提示他了，他一样会给把其他反勾掉，希望您慎重考虑一下这个使用场景。

点我了解价格 & 预约官方技术顾问

回复 使用道具举报

Simon.hu
超级版主 / 发表于：2018-12-27 15:31:19 板凳

你可以使用这个代码，来找到这个时机

$('input[othertext="otherText"]')
.focusout(function(event) {
var target = event.target;
if (typeof (target.value) === 'undefined' || target.value === '') {
var labels = $(target).siblings('label');
var otherCheck = labels[labels.length - 1];
var isChekced = $(otherCheck).find('input')[0].checked;
if (isChekced) {
alert('该值不能为空');
}
}
});
function checkEmptyOtherText() {
var checkboxes = $('input[othercheck="otherCheck"]');
for(var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
if (checkbox.checked) {
var textInput = $(checkbox).parent().siblings(':last');
if (textInput.val() == '') {
alert('有空值');
}
}
}
}

复制代码

点我了解价格 & 预约官方技术顾问

回复 使用道具举报