如何验证具有多个复选框的表单至少有一个被选中

10 浏览
0 Comments

如何验证具有多个复选框的表单至少有一个被选中

我正在尝试使用jquery的验证插件来验证一个表单。我希望要求用户至少选中一个复选框才能提交表单。这是我的jquery代码:\n

$().ready(function() {
$("#subscribeForm").validate({
   rules:   { list: {required: "#list0:checked"} },
   messages:  { list:  "请至少选择一个新闻通讯"}                                                        
 });
 });

\n这是html表单:\n

zero one two

\n问题是即使什么都没有被选中,表单仍然提交。我该如何解决这个问题?

0
0 Comments

问题出现的原因是需要验证一个表单中的多个复选框至少有一个被选中。解决方法是使用jQuery的代码来实现验证,如果没有任何复选框被选中,则弹出提示框并阻止表单提交。

以下是解决方法的详细步骤:

1. 首先,在HTML页面中,为需要验证的复选框添加相同的name属性(例如,name="list")。

2. 在页面的标签内,引入jQuery库的链接,以及jQuery Validate插件的链接(如果有的话)。

3. 在页面的