2013-02-12 58 views
0

我从这个网站jQuery的多文件上传插件检查wheather空或不

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

我需要检查文件输入字段是否为空或不提交表单之前下载的JQuery的多文件上传。

<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; 
    } 
    }); 
} 

不工作,因为该申请始终是空的。那么还有其他方法可以实现吗?

回答

1

试试这个

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

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

UPDATE:

,或者你可以做这样的

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

} 

,然后:

validate(".multi"); 

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

UPDATE2:

是的,你可以使用每个这样

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

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

+0

什么回合如果我有多个上传文件具有相同的类名。? – Rakesh 2013-02-12 09:19:39

+0

普莱舍看到更新 – InTry 2013-02-12 09:23:35

+0

能否请您检查此链接http://www.fyneworks.com/jquery/multiple-file-upload/它总是空的,如果有一个文件或没有,这是问题.. – Rakesh 2013-02-12 09:26:37