判斷多個input type=file是否有已經選擇好文件的代碼
更新時間:2012年05月23日 16:36:17 作者:
在each中使用return false退出循環(huán),使用return true結束當前次循環(huán),進行下一次循環(huán)
表單中有多個<input type="file" name="uploadfile" contentEditable="false" style="width:80%">,
提交表單時需要判斷其中至少要有一個input已經選擇好文件。
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%">
使用jQuery進行判斷:
var fileFlag = false;
$("input[name='uploadfile']").each(function(){
if($(this).val()!="") {
fileflag = true;
return false;
}
});
if(fileFlag) {
alert("已有選擇好文件的");
}
只要fileFlag為true,就可以退出each循環(huán),不需要再對剩下的input進行判斷。
在each中使用return false退出循環(huán),使用return true結束當前次循環(huán),進行下一次循環(huán)。
提交表單時需要判斷其中至少要有一個input已經選擇好文件。
復制代碼 代碼如下:
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>
<input type="file" name="uploadfile" contentEditable="false" style="width:80%">
使用jQuery進行判斷:
復制代碼 代碼如下:
var fileFlag = false;
$("input[name='uploadfile']").each(function(){
if($(this).val()!="") {
fileflag = true;
return false;
}
});
if(fileFlag) {
alert("已有選擇好文件的");
}
只要fileFlag為true,就可以退出each循環(huán),不需要再對剩下的input進行判斷。
在each中使用return false退出循環(huán),使用return true結束當前次循環(huán),進行下一次循環(huán)。
您可能感興趣的文章:
- jQuery判斷多個input file 都不能為空的例子
- 上傳圖片預覽JS腳本 Input file圖片預覽的實現(xiàn)示例
- js 獲取、清空input type="file"的值示例代碼
- 將input file的選擇的文件清空的兩種解決方案
- 讀取input:file的路徑并顯示本地圖片的方法
- js 實現(xiàn) input type="file" 文件上傳示例代碼
- input file的默認value清空與賦值方法
- css美化input file按鈕的代碼方法
- ie8本地圖片上傳預覽示例代碼
- 模擬QQ心情圖片上傳預覽示例
- javascript 圖片上傳預覽-兼容標準
- input file上傳 圖片預覽功能實例代碼
相關文章
jQuery fancybox在ie瀏覽器下無法顯示關閉按鈕的解決辦法
這篇文章主要介紹了 jQuery fancybox在ie瀏覽器下無法顯示關閉按鈕的解決辦法的相關資料,需要的朋友可以參考下2016-02-02基于JQuery及AJAX實現(xiàn)名人名言隨機生成器
這篇文章主要為大家詳細介紹了基于JQuery及AJAX實現(xiàn)名人名言隨機生成器,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02HTML5使用DeviceOrientation實現(xiàn)搖一搖功能
這篇文章主要介紹了HTML5使用DeviceOrientation實現(xiàn)搖一搖功能的相關資料,需要的朋友可以參考下2015-06-06jQuery結合jQuery.cookie.js插件實現(xiàn)換膚功能示例
這篇文章主要介紹了jQuery結合jQuery.cookie.js插件實現(xiàn)換膚功能,結合實例形式分析了jQuery.cookie.js插件的常用函數(shù)功能及實現(xiàn)換膚功能的相關操作技巧,需要的朋友可以參考下2017-10-10