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

jQuery Validation library validates only form fields (input, select, textarea etc). You cannot check if an ul includes a li with jQuery Validation. You can do it with other ways like the other so users suggested,

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

Answer 4

您也可以尝试

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

     }

JQuery.Validate清除方式来检查ul是否至少有一个li项

4 个答案: