javascript - jQuery 多文件上传插件检查是否为空

Question

我已经从这个站点下载了 JQuery 多文件上传器

http://www.fyneworks.com/jquery/multiple-file-upload/

在提交表单之前，我需要检查文件输入字段是否为空。

<form onsubmit="return validate();">
<input type="file" name="File" class="multi" />
<input type="file" name="File" class="multi" />
<input type="submit" name="BtnSubmit" value="save" />
</form>

我试过了

function validate() {
  $(".multi").each(function () {
    var multi =  $(this).val();
    if (multi) {
      return true;
    } else {
      return false;
    }
  });
}

不工作，因为归档总是空的。那么还有其他方法可以实现这一目标吗？

Answer 1

尝试这个

 var multi = $(".multi").val();
    if (multi) {
        console.log("multi");
    } else {
        console.log("no multi");
    }

小提琴：http: //jsfiddle.net/w4qVv/

更新：

或者你可以这样做

function validate(field) {
    var fieldVal = $(field).val();
      if(!fieldVal)   alert("No files selected");

}

接着：

 validate(".multi");

小提琴：http: //jsfiddle.net/jk8aZ/

更新2：

是的，你可以像这样使用每个

var multi = (".multi");
    $(multi).each(function () {
        validate(this);
    });

小提琴：http: //jsfiddle.net/jk8aZ/1/