如何限制多輸入項()?


要允許在 HTML 表單中上傳多個檔案,請使用 multiple 屬性。multiple 屬性適用於電子郵件和檔案輸入型別。


要限制多輸入項的最大數目,請使用 JavaScript。透過這種方式限制上傳的檔案數。例如,假設一次只能上傳兩個檔案。

你可以嘗試執行以下程式碼,以瞭解如何在 HTML 中使用 multiple 屬性。使用該屬性,我們將在 JavaScript 中限制上傳的檔案數。

示例

線上演示

<!DOCTYPE html>
<html>
   <head>
      <title>HTML file upload</title>
   </head>
   <body>
      <form>
         <input type="file"  action="/action_page.php"  name="name" multiple><br/>
         Upload multiple files, and click Submit.<br>
         <input type = "submit" value = "submit">
      </form>
      <script>
         $(function(){
            $("input[type = 'submit']").click(function(){
               var $fileUpload = $("input[type='file']");
               if (parseInt($fileUpload.get(0).files.length) > 3){
                  alert("You are only allowed to upload a maximum of 3 files");
               }
            });
         });
      </script>
   </body>
</html>

更新日期: 2020 年 2 月 25 日

11K+ 條瀏覽量

啟動您的職業生涯

透過完成課程獲得認證

入門
廣告
© . All rights reserved.