Javascript 检查表单中的多个div，如果div没有指定的类，则发出警报并防止提交

好的，我有一个在php中根据变量动态创建的多个div，我想检查每个div是否有特定的类。当我上传一个图像，然后将图像附加到

中，并添加一个类

分配的

。我想检查是否有一个或任何div没有分配

类，然后在单击提交按钮时发出警报并停止提交表单，除非所有
都分配了类

这是我的表单代码：

<form action="" method="POST" id="image-form">
<div class="row options-heading"><h3>UPLOAD <?php echo $loopvalue; ?> IMAGES</h3></div>
<div class="row options-content">
  <div class="grid-wrapper <?php echo $model; ?> <?php echo $option_style; ?> ui-sortable clearfix">
    <?php for ($i = 1; $i <= $loopvalue; $i++)  : ?>
    <div class="<?php echo $col_setting; ?> grid-item">
        <div id="img-pick" class="<?php echo $option_shape; ?>">
            <a href="#" class="add tooltip" data-tip="Click to Upload"></a>
            <div class="tools">
                <a href="#" class="del tooltip" data-tip="Remove image?"></a>
            </div>
            <a href="#" class="reset tooltip" data-tip="Upload stalled? Click to reset"></a>
        </div>
    </div>
    <?php endfor; ?>
  </div>
</div>
<div class="row options-nav-btn">
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"><input type="submit" class="btn btn-success pull-right" value="Continue" id="collectImages"></div>
</div>
</form>

使用此脚本，只有当
中没有一个
分配了
类时，提交的警报和阻止才起作用，但如果一个或多个（但不是全部）分配了
类，则警报似乎不起作用，表单无论如何都会被提交…
使用循环：

$('#collectImages').click(function(e) {
e.preventDefault();
var valid = true;
$('#img-pick').each(function(){
   if(!$(this).hasClass("allocated"))
  { 
   valid = false;
  }
});
 if (!valid) {
 sweetAlert("Oops...", "You haven't finished picking your images", "error");
 } else {$(this).closest('form').submit();}
});

或：

注意：用class更改id
Sweet！它起作用了！只有当我更改了类的id时。再次感谢你的帮助！
$('#collectImages').click(function(e) {
e.preventDefault();
var valid = true;
$('#img-pick').each(function(){
   if(!$(this).hasClass("allocated"))
  { 
   valid = false;
  }
});
 if (!valid) {
 sweetAlert("Oops...", "You haven't finished picking your images", "error");
 } else {$(this).closest('form').submit();}
});

$('#collectImages').click(function()
  if($('#img-pick').length != $("#img-pick.allocated").length)
  {
    sweetAlert("Oops...", "You haven't finished picking your images", "error");
    return false;
  }
});