jQuery 判断多个 input file 都不能为空

例如有两个图片上传的 input,都必须上传图片:

html

选择文件 1 :<input type="file" name="myfile[]" class="myfile">
选择文件 2 :<input type="file" name="myfile[]" class="myfile">

js

if($(".myfile").length == 2){

    $(".myfile").each(function(){ 

      if($(this).val() == "") { 

          alert("请上传图片!");
          flag = 0;
      }
    }); 

}else if($(".myfile").length !=2 ){

    alert("图片不能少于2张!");
}
时间: 2024-10-28 14:40:49

jQuery 判断多个 input file 都不能为空的相关文章

jquery.form.js提交 input file中的文件

现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件,解决方案: 下面说说 jquery.form.min.js 插件,它是一款优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交.jquery.form.min.js 有两个核心方法ajaxForm()和ajaxSubmit(),下面以实例来简单说明其提交file文件方式: <!-- Modal:

jQuery 判断多个 input checkbox 中至少有一个勾选

html ( 使用 TP 标签 ) : <volist name="health_tag" id="htag"> <input type="checkbox" class="helth_tag" name="health_tag[]" value="{$htag}"/>{$htag} </volist> js: if($("input[cla

如何解决input file 选取相同文件后,change事件不起作用解决方法

两种方法 1.在你的input所属的form表单reset()就可以了! $("#avatorForm")[0].reset(); 2.设置你的input file value值为空 $('.inputImage').val('');

从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: [√]$("#file")[0].value = ""; [√]$("#file")[0].value = null; [×]$("#file").attr("value",""); [×]$("#file").attr("value",null); [√]$(&

为什么Jquery对input file控件的onchange事件只生效一次

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的: 1.原始方法:把事件写在file控件的onchange=""里面: 2.Jquery方法一: $('#fileId').live('change',function(){ //逻辑添加.... }); 3.Jquery方法二: onchange后,生成一个新input type

解决Jquery对input file控件的onchange事件只生效一次的问题

如题,解决办法的代码如下: 1. $('#fileId').live('change',function(){ //逻辑添加.... }); 2. $('#fileId').change(function(){ $('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID" />'); }); 解决Jquery对input f

关于Jquery操作input file的问题

//////////////////////////////////////////////////////////////////////////////////////  js  实现点击div  触发input file    将图片显示在div中  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ajax form表单提交 input file中的文件

ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的

动态input file多文件上传到后台没反应的解决方法!!!

其实我也不太清除具体是什么原因,但是后面就可以了!!! 我用的是springMVC 自带的文件上传 1.首先肯定是要有springMVC上传文件的相关配置! 2.前端 这是动态input file上传到后台没反应的写法(页面上写死的上传到后台是可以的) 这段代码是写在table>>下的form表单里的 <input type="button" name="button" value="添加附件" onclick="ad