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