php - 验证具有相同名称jquery的多个字段？

Question

我的页面中有多个使用相同名称动态创建的选择输入。

我的代码：

<select name="area[]" id="area[]" class="area">
    <option value="">Select Area</option>
    <?  
     $cities = $this->city_model->get_all($posters->product_id);
         foreach($cities as $city) { ?>
           <option value="<?=$city->city_id?>"><?=$city->city_name?></option>
        <? } ?>
 </select>

我希望该用户从每个选择输入中选择一个值，我正在使用这样的 jQuery 函数：

 $('.area').each(function(){ 
if($(this).val() == "") {
  alert("please select Area");
}  return false;
});

$('.quantity').each(function(){ 
if($(this).val() == "" || $(this).val() == 0) {
  alert("please select Quantity");
  return false;
}
});
$('#form').submit();

我对它做了同样的事情，它也在工作，但它也提交表单，即使我将它限制在

 <input type="submit" name="something" id="something" value="something" onclick="checkType();return false;">    

Answer 1

您的 if 语句缺少一个大括号。试试这个：

$('.area').each(function(){ 
   if($(this).val() === "") {
      alert("please select Area");
      return false;
   }
});

编辑：我重新添加了该return false部分，因为无论有多少项目无效，OP 都可能只想显示 1 个警报。

这是一个工作示例

Answer 2

$('form').submit(function(){
    var unSelected = $('select').filter(function(){
        return this.value === "";
    }).length > 0;

    if (unSelected)
        alert('Error!');
});

Answer 3

试试这个：

<script>$('.area').each(function() {
        if ($(this).val() == '') {
            alert("please select Area");
            return false;
        }
    });   
</script>