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的第一個輸入類型的條件。 您需要使用一些循環構造來涉及所有這三個字段。