javascript - JQuery.Validate ul に少なくとも 1 つの li アイテムがあるかどうかを確認するクリーンな方法

Question

私の Web ページには、「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 検証プラグインと統合することです。

Answer 1

これを試して、

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

}

Answer 2

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

Answer 3

あなたも試すことができます

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

     }