首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

EasyUI FileBox:表單提交前驗證檔案選擇、提交後清空值

     編輯:程式設計綜合問答

問題

使用 jQuery file.val() 無法獲取/清空 EasyUI FileBox 值。

正確 API 用法

// 獲取值
var selected = $('#fileId').filebox('getValue');
if (!selected) {
    alert('請選擇檔案');
    return false;
}

// 清空
$('#fileId').filebox('setValue', '');

完整表單驗證範例

<form id="myForm" method="post">
    <input id="fileId" class="easyui-filebox" name="upload" data-options="required:true">
    <button type="submit">上傳</button>
</form>

<script>
$('#myForm').submit(function() {
    if ($('#fileId').filebox('getValue') === '') {
        $.messager.alert('提示', '請選擇檔案');
        return false;
    }
    // 提交後清空(可在 success 回調中)
    // $('#fileId').filebox('setValue', '');
});
</script>

注意

  • EasyUI 元件需呼叫其專屬方法 (filebox('getValue')),不可直接用 jQuery .val()。
  • required:true 可自動驗證,但自訂提示需手動檢查。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved