jQuery验证具有相似名称的元素

Question

嗨，我正在尝试验证所有具有相似名称的files

这些是我的输入要素

<form id="MyForm" onsubmit="return validate();">
<input type="file" name="File1"  />
<input type="file" name="File2" />
<input type="file" name="File3" />
</form>

我被尝试的是

 function validate()
  {
   if($('input[name ^= "File"]').val()=='')
   {
     alert("The field is empty");
     return false;
   }
   }

这可能吗 ？ 或需要做类似$('input[type=file]').each(function () { ....}

Answer 1

这会起作用

$('input[name^=file]').each(function() {
    if($(this).val() === '')
    {
        alert('The field is empty');
        return false;
});

这是因为$('input[name^=file]')将返回多个元素，因此您需要遍历它们以检查单个元素

Answer 2

您尝试过的方法将不起作用，因为val（）方法将返回匹配元素集中第一个元素的值。 换句话说，它只会告诉您File1是否为空。 您将需要遍历每个元素并检查是否为空值，或使用简单的if语句。

Answer 3

您拥有的脚本将仅检查File的第一个输入类型的条件。 您需要使用一些循环构造来涉及所有这三个字段。