Soy un principiante en JavaScript. Quiero agregar una dulce alerta a mi página web cuando el usuario haga clic en el botón para cargar archivos. Si no ha seleccionado nada, por lo que la lista de archivos está vacía, debería aparecer un error. Si ha seleccionado algo, debe ser verdad.
Cuando lo ejecuto, no aparece nada cuando hago clic en el botón cargar. ¿Qué debo cambiar para que funcione?
validatefile = function() { var input = document.getElementById('id_Filename').files.length; console.log(input) if (input == 0){ swal("Opsss !", "You have not select files", "error") return false; } else{ return true; } } $("#submitupload").bind("click", validatefile); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <div class="upload-in"> <h2>Upload</h2> <form method="post" enctype="multipart/form-data"> <input type="hidden" name="csrfmiddlewaretoken" value="AgRDs73CilF7muSe47HHhvm0Hoszk9xSFDUW2QNCeOFwSU4PYr5ggebYtfL8vdvI"> <p> <label for="id_Filename">Filename:</label> <input type="file" name="Filename" multiple="" onchange="javascript:updateList()" maxlength="255" id="id_Filename"> </p> <button type="submit" id="submitupload">Upload</button> </form> <div class="fileselect"> <p>Selected files :</p> <div id="fileselect"><ul></ul></div> </div> </div>