Javascript 自定义复选框输入验证反馈

我已经建立了一个基本的接触形式，其中包括重型造型。我使用了指定的复选框字符，以避免使用乏味的默认复选框。使用与默认复选框不同的复选框时，需要隐藏原始复选框。当您这样做时，您从没有选中带有“required”属性的复选框中得到的反馈将随之消失。如果用户未选中该复选框并按下“提交”按钮，则表单不会提交，用户可能会疑惑为什么

我认为一个简单的解决方案是使用jquery。我对jquery或设计表单没有太多经验，但通常我可以找到适合我的情况的脚本。我找不到这个简单任务的任何东西，所以我在这里

这是我的密码

另外，如果你想看看我在做什么的话，我会让整个项目在现场进行测试

提前谢谢

我删除了很多与我的帖子无关的无用div和css，尽管我确实包含了一些jquery，它在我的项目的另一部分中用于平滑滚动，因为我不确定这是否是问题的一部分

$（函数（）{
$（'a[href*=“#”]：不是（[href=“#”]”）。单击（函数（）{
if（location.pathname.replace（/^\/，''）==this.pathname.replace（/^\/，''）和&location.hostname==this.hostname）{
var target=$（this.hash）；
target=target.length？target:$（'[name='+this.hash.slice（1）+']'）；
if（目标长度）{
$（'html，body'）。设置动画({
scrollTop:target.offset（）.top
}, 1000);
返回false；
}
}
});
});
$（函数（）{
$（'#contactform'）。术语（函数（）{
变量字段=$（“输入[name='terms']）。序列化数组（）；
如果（fields.length==0）{
//警报（“未选择任何内容”）；
$（“#myText”）.html（“选定”）；
}
否则{
//警报（fields.length+“所选项目”）；
$（“#myText”）.html（“未选中”）；
}
});
});

input[type=“checkbox”]：必需{
显示：无；
}
输入[type=“checkbox”]：必需：无效+标签：之前{
内容：“\2610”；
字号：1.6em；
颜色：白色；
}
输入[type=“checkbox”]：必需：有效+标签：之前{
内容：“\2611”；
字号：1.6em；
颜色：#e51b23；
}

免费报价
是的，我允许fksdlfj害虫控制有限责任公司与我联系。
这就是我想要用户反馈的地方！！！！
发送报价单

请澄清您的问题。暂时使原始复选框再次可见表明它与已设置样式的复选框同步切换，因此没有问题。我怀疑问题出在工具提示上，显示在顶部？如果用户在未选中复选框的情况下按submit，则使用样式化复选框不会出现对话框。我更喜欢隐藏默认值并使用带有样式的。啊，是的，我现在明白了。。。。chrome和IE中没有对话框（工具提示），但firefox中有一个。。。在顶部，我只想用生成的一些文本创建一个div。我只是对jquery了解得不够，而且就我的一生而言，我找不到任何代码来学习它。嗯，当然，bootstrap内置了工具提示，你可以使用它们。我没有这方面的经验，我建议在你的帖子中添加引导标签。另外请看一下：请澄清您的问题。暂时使原始复选框再次可见表明它与已设置样式的复选框同步切换，因此没有问题。我怀疑问题出在工具提示上，显示在顶部？如果用户在未选中复选框的情况下按submit，则使用样式化复选框不会出现对话框。我更喜欢隐藏默认值并使用带有样式的。啊，是的，我现在明白了。。。。chrome和IE中没有对话框（工具提示），但firefox中有一个。。。在顶部，我只想用生成的一些文本创建一个div。我只是对jquery了解得不够，而且就我的一生而言，我找不到任何代码来学习它。嗯，当然，bootstrap内置了工具提示，你可以使用它们。我没有这方面的经验，我建议在你的帖子中添加引导标签。也可以看看这个：