diff --git a/index.php b/index.php index 87b639410efd437b474569c3da4c7291a374d520..030ee54f4d9e8d9ff66ce384627344bbad3b4559 100644 --- a/index.php +++ b/index.php @@ -100,7 +100,7 @@ <?php endif; ?> <!-- Change input type to "text" for minimum stock --> <input type="text" name="min_stock" placeholder="Min Stock" value="<?= htmlspecialchars($minStock) ?>"> - <button type="submit">Search</button> + <button type="submit" id="search-button">Search</button> </form> </div> @@ -126,6 +126,24 @@ © 2023 Ticket Ku. All rights reserved. </div> </div> + + <script> + // disable search button temporarily (DEBOUNCE) + function disableSearchButton() { + const searchButton = document.getElementById("search-button"); + searchButton.disabled = true; + + setTimeout(() => { + searchButton.disabled = false; + }, 1200); // 0.8s delay + } + + document.querySelector(".search-bar form").addEventListener("submit", function (e) { + e.preventDefault(); + disableSearchButton(); + }); + </script> + </body> </html>