javascript - JQuery.Validate 干净的方法来检查 ul 是否至少有一个 li 项目

Question

在我的网页中，我有一个“AddProduct”表单。它具有产品属性（名称、价格等）字段，我使用 FineUploader 来添加图像。上传的图像作为隐藏字段添加到表单列表的 li 元素中。基本上我的html看起来像：

<form>
<input type="text" value="name" id="name> 
....

<ul>
</ul>

<div id="ulpoader"></div> -> this will add files as <li> elements
<button type="submit">Submit</button>
</form>

我想在提交表单之前检查 ul 是否至少有一个 li 元素（至少添加了一个图像）。我使用 ASP MVC3。我可以在客户端添加一些 javascript 以向表单添加新规则吗？

已编辑：我知道如何进行 jquery 选择...我不知道的是将其与 jquery validate 插件集成。

Answer 1

尝试这个，

if($('ul li').length > 0)
{

}

Answer 2

if ($('ul').children('li').length > 0) {
    // your logic
}

Answer 3

你也可以试试

     if($('ul li').size())
     {

     }

Answer 4

jQuery 验证库仅验证表单字段（输入、选择、文本区域等）。您无法通过 jQuery 验证检查 ul 是否包含 li。您可以使用其他方式，如用户建议的其他方式，

$("form").validate({
    submitHandler: function (form) {
        if($('ul li').length === 0){
            alert("No li elements!");
            return false;
        }
    }
});