javascript - 使用 jQuery 检查表单是否有输入元素

Question

我正在使用 Yii PHP 框架开发应用程序，并使用 jQuery 进行表单验证。我有一个页面，上面有一个表单，其中包含用于输入元素的复选框。

但是，这些复选框是根据条目动态创建的。

为了更好地理解它，我制作了一个交叉矩阵，基本上是一个表格，行代表女性，列代表男性，并定义复选框有交叉点的单元格。字面意思是男性和女性个体的交叉矩阵。

但是，如果还没有没有男性和女性被定义为交叉，那么对于验证，它不应该允许用户提交。

我的问题是如何知道表单是否没有元素？

如果有复选框元素，我如何才能知道用户是否至少选中了其中一​​个？

这是我尝试过的，但它似乎没有捕捉到它，表单仍然提交数据，我想知道为什么:

$('#crossingMatrixForm').submit(function() {

       $(":input").each(function() {
           if ($(this).val() === empty()) {
               alert("form empty!");
               return false;
           }
       });

});

Answer 1

您可以查看表单中是否至少存在一个复选框并选中

$('#crossingMatrixForm').submit(function(){    
    if (!$(this).find("input:checked").length) {
        alert("form empty!");
        return false;
    }
});

如果你想区分“不存在复选框”和“至少有一个存在，但没有被选中”，你可以使用 $(this).find(":checkbox") 作为前者和 .filter(":checked") 是后者。在这两种情况下，使用 .length 来查看是否至少存在一个控件:

$('#crossingMatrixForm').submit(function(){    
    var checkboxes = $(this).find(":checkbox");
    if (!checkboxes.length) {
        alert("form empty!");
        return false;
    }
    else if (!checkboxes.filter(":checked").length) {
        alert("none selected!");
        return false;
    }
});